初級第1章 : タグと基本ルール
![]() |
HPは「タグ」と呼ばれる命令文で構成されています。 いろいろな種類の「タグ」がありますが、中には絶対に無くてはならないタグも存在します。 ここで紹介するタグは基本的にはすべて1回のみの使用です。 以下にその不可欠なタグを紹介してみましょう! (注:これ以降、すべて分かりやすく全角で書いています。タグはすべて正式には半角です。注意しましょう!) |
![]() |
| (1)<HTML> | ||
| (2)<HEAD> | ||
| (3)<TITLE>☆★☆</TITLE> | ||
| (4)</HEAD> | ||
| (5)<BODY〜> | ||
| (6)</BODY> | ||
| (7)</HTML> | ||
![]() |
以上が1ページの中に絶対に無くてはならないタグの一覧です。 順番もこの通りになります。 さて、これだけではどのタグがどんな意味をなしているのか分かりませんね。 それぞれのタグの解説に進みましょう! |
![]() |

| (1)<HTML>〜エイチティエムエル〜 |
|---|
| このタグは「これはHTMLファイルである!」と宣言しているのです。 必ずページ最上部に表記します。 この表記がないと、ブラウザは何も表示してくれません。 そのファイルを「HTMLファイル」と認識してくれないからです。 (このタグより上にあるタグは、基本的には必要ありません) |
| (2)<HEAD>〜ヘッド〜 |
| このヘッドタグの中には基本的には次に紹介する<TITLE>タグしか入りません。 ブラウザに反映されない単なる冒頭部分、と覚えておいて貰えば良いでしょう。 |
| (3)<TITLE>★☆★</TITLE>〜タイトル〜 |
| このタグはその名の通り、ページのタイトルを表記します。 しかし、上でも紹介したように実際にはWEB上には反映されません。 ブラウザ画面の一番上のタイトルバー(青い細長いタイトルが表記された部分)にだけ反映されます。 ★☆★の部分にページのタイトルを入れましょう。 ローマ字でも日本語でも結構です。 ★☆★の後に続く</TITLE>は「タイトルはここまで」の意です。 |
| (4)</HEAD>〜スラッシュ ヘッド〜 |
| 2番目に紹介したヘッドタグに、今度はスラッシュが入っています。 このスラッシュ(/)は「ヘッド終わり」を表しています。 ヘッド範囲はここまで、という意味なのです。 (注:スラッシュが入っているタグはすべて同じ意味です) |
| (5)<BODY〜>〜ボディ〜 |
| さて、ここからがいよいよWEB上に反映されます。 <BODY〜>の〜の部分には、基本的な文字の色、背景の色、背景画像の指定、リンク文字色などを指定します。 後の章で詳しく説明しますので、簡単にそれだけ覚えておいて下さい。 このタグ以降にタイトル画像や文字など、あらゆる装飾が入ります。 |
| (6)</BODY>〜スラッシュ ボディ〜 |
| 4番目で紹介したように、スラッシュが入っています。 ボディ範囲はここまで、という意味です。 HPの主なデザインや構成はここまでです。 |
| (7)</HTML>〜スラッシュ エイチティエムエル〜 |
| ここでHTMLファイルの終了です。 必ずページ最下部に表記します。 これ以降にタグを入力しても、すべてが無効となります。 |