＜タグ＞の中に何を書くかによって、要素の表現は千差万別ですが、そのおおもとの特徴はたった２種類に分類できます。 それが、ブロック要素かインライン要素かという分類です。
「段落（ひとかたまり＝ブロック）」を作ります。 モニター表現上では、その要素の前後が改行され上下にいくらか（０〜ｎ）のスペースが出来ます。
ブロック要素の種類には、 代表的なところでパラグラフ（ｐ）、ディビジョン（ｄｉｖ）、リスト（ｕｌ・ｏｌ）、表（ｔａｂｌｅ）、 ヘディング（ｈ）、水平線（ｈｒ）などがあります。
テキスト中に埋め込む（ｉｎ ｌｉｎｅ）要素です。 モニター表現上では、前後に改行は入りません。
インライン要素の種類には、アンカー（ａ）、イメージ（ｉｍｇ）、スパン（ｓｐａｎ：短いテキストのスタイル指定に使う要素） などがあります。なお、インライン要素は必ずブロック要素に含まれるべきです。
「インライン要素は必ずブロック要素に含まれるべき」とは、＜ｂｏｄｙ＞内の全ての要素が、 何らかしらのブロック要素に含まれて”意味づけ”されているべきだというＨＴＭＬの約束事を守るためのものです。 例えば、インライン要素の＜ｉｍｇ＞要素を＜ｂｏｄｙ＞のすぐしたに直接書いたとします。
<body> <img> . . . </body>
これでは、この絵がＨＴＭＬ上の意味を何も持ちません。そうではなくて、
<body> <p> <img> </p> . . . </body>
このようにブロック要素に含むことで、役割を明確にすることが出来ます。
次の例をみて下さい。下の３つのプログラムは、モニター上全く変わらない表示になりますが、 プログラムの構造上意味は全く変わることに注意して下さい。
絵が文章１を修飾しているプログラム
<div>文章１<br> <img> </div> <div>文章２</div>
絵が文章２を修飾しているプログラム
<div>文章１</div> <div> <img><br> 文章２</div>
絵が独立した段落を形成するプログラム
<div>文章１</div> <div><img></div> <div>文章２</div>
| 「ホムペ作成」のインデックスに戻る | 次のページ（基礎知識２）へ |