HTML入門ガイド

デザインとレイアウト

HTML入門:どんな画面でもキレイに見せる!簡単レスポンシブデザイン

ウェブページを作る時、パソコンだけじゃなくて、スマホやタブレットで見てもキレイに見えるようにしたいですよね?それを簡単に実現できるのが、「レスポンシブデザイン」です。特に「メディアクエリ」という魔法の言葉を使うと、画面の大きさに合わせてデザインを変えることができます。
デザインとレイアウト

HTML入門:ウェブページにおしゃれをプラス!CSSの基本

ウェブページを作るって、家を建てるみたいなもの。HTMLで骨組みを作って、CSSで色や形を整えるんです。ここでは、その「色や形」をどうやって整えるかを、とっても簡単に説明します。
HTMLの応用

HTML入門:ウェブページをわかりやすくする魔法のタグたち

ウェブページって、ただの情報の山じゃつまらないですよね?ここでは、その情報をきれいに整理して、みんなにわかりやすく伝えるための特別なタグを紹介します。これらを使えば、ウェブページがぐんとわかりやすくなりますよ!
HTMLの応用

HTML入門:ウェブページをもっと楽しく!動画やマップを追加する方法

ウェブページに動画やマップを追加することで、訪問者の興味を引き、情報をよりわかりやすく伝えることができます。ここでは、そんな外部コンテンツの埋め込み方を説明します。
フォームとユーザー入力

HTML入門:ウェブフォームのカンタンな使い方

ウェブフォームは、ユーザーから情報を収集するために不可欠なツールです。ここでは、フォームでよく使われる要素とその使い方について紹介します。
フォームとユーザー入力

HTML入門:ユーザーの入力を受け取ろう!ウェブフォームの基本

ウェブフォームは、ウェブサイトでユーザーから情報を収集するための重要なツールです。この記事では、フォームを作成する<form>タグと、情報をサーバーに送信するためのGETとPOSTメソッドの基本について説明します。
コンテンツの構造

HTML入門:ウェブページに画像とリンクを加えよう!

<img>タグで画像を、<a>タグでリンクをウェブページに加えることができます。これらのタグを使いこなすことで、情報を視覚的にも豊かに伝えられるウェブページを作成できます
コンテンツの構造

HTML入門:表(テーブル)で情報をクリアに表示!

情報を整理して一目でわかるようにしたいとき、表(テーブル)を使うとすごく便利です。たとえば、クラスの時間割や、商品の価格リストなど、行と列で情報を整理したいときに使います。
コンテンツの構造

HTML入門:リストで情報をサクサク整理!

ウェブページに情報を並べたいとき、きれいに整理して見せたいですよね? そんなときに使うのが「リスト」です。
HTMLの基礎

HTML入門:HTMLで文章をキレイに見せる方法

ウェブページを作るとき、ただ文字を並べるだけでは面白くないですよね? HTMLには、テキストを整形したり、見出しをつけたりするための便利なタグがあります。ここでは、その基本的なタグを紹介します。