ホームページタグは大別すると以下の2種類となります。
例は実際にそれぞれのタグを使用した場合の見た目です。
枠はどの部分にタグを使用しているか分かるように付けただけですので、実際は任意に指定できます。
◆ブロックレベル要素
文書構造を指定する要素です。
開始タグと終了タグの箇所では自動的に改行が入ります。
例
ホームページ内で
ブロックレベル要素
を使用した場合
◆インライン要素
文章内で指定する要素です。
例
ホームページ内でインライン要素を使用した場合
ブロックレベル要素には使用範囲の幅や高さなどが指定できますが、インライン要素では指定できません。
ただし、インライン要素の一種に置換要素というものがあり、それに関しては幅・高さともに指定可能です。
以下はそれぞれのホームページタグ(一部)の一覧です。
◆ブロックレベル要素
div、h1~h6、p、table、ul、ol、dl、blockquote、form、hr・・・など。
◆インライン要素
span、a、em、strong、sup、sub、br・・・など。
(置換要素)
img、input、textarea・・・など。
ホームページタグの中には、特定のタグ同士を組み合わせて使用するものがあり、テーブルやリスト、またフォームタグがその代表です。
例えば、テーブルには少なくとも<table><tr><td>の三種類を組み合わせて使うのですが、それぞれを単独で使用することはできません。