HTML文書は、テキスト内容を"見出し要素" "段落要素" "リスト要素" "リンク要素（ハイパーリンク）"などの"要素"とする考え方を基に、それぞれの要素をタグで囲む（マークアップにより書き表す）文書構造になっています。
■ブロックレベル要素とは・・・？
ひとつのブロック（まとまり）から構成される要素の名称です。
ブロックレベル要素の前後は、要素特性により、段落または改行されます。
■ブロックレベル要素群（abc順）
<address> <blockquote> <center> <div> <dl>
<fieldset> <form> <h1〜h6> <hr> <noframes> <noscript>
<ol> <p> <pre> <table> <ul>
▼
★ 見出し要素 <h1〜h6>タグ
★h1〜h6の h は 「Heading」＝見出しの略
見出しとするテキストをh1〜h6タグで挟みます。h1〜h6タグで挟まれた前後は要素特性により段落します。
例えば・・・テキストを見出し要素の<h4>〜</h4>タグで挟むと、次のようになります。（見出しの位置指定は後述）
ブロックレベル要素が発生する前のテキスト行・・・テキスト行・・・
未知の苦HTML解道
未知の苦HTML解道
未知の苦HTML解道ブロックレベル要素が終了した後のテキスト行・・・テキスト行・・・
▼
見出し要素タグは、<h1>〜<h6>の６段階があり、何れかのタグでテキストを挟みます。見出し要素で挟まれたテキストは太字になります。
見出しの位置指定は、h1〜h6要素の中に[align属性]とその値を指定します。
h1〜h6要素における[align属性]の既定値は、（左揃え[align="left"]）のため、そのままでよければ記述不要。
既定値以外の値は、センタリング指定が、align="center"、右揃え指定は、align="right"と記述します。
要素名と属性の間に半角スペース必須
| |←←←←←←←←
要 素
→→→→→→→→| |
| ↓要素名 H4 |
↓要素内容 | |
| <h4 align="center">未知の苦HTML解道</h4> |
| |←←属 性→→| | | |
| |← 値 →| | | |
▼
HTML定義「HTML4.01 Transitional」では、ドキュメントの位置指定＝ALIGN属性は、非推奨属性のため、スタイルシートの設定を推奨しています。
▼
◆見出し要素に挟まれたテキストの位置指定 [text-align属性]
見出し要素＋スタイルシートを直接記述（インラインスタイル）の場合
左揃え style="text-align:left;"
センタリング style="text-align:center;"
右揃え style="text-align:right;"
▼
見出しレベルは、h1が最大、h6が最小です。
下記の作例は、見出しレベルの段階を比較するため、h6からのカウントダウン？にしていますが、HTMLの文法上、h6から始める記述は好ましくありません。（詳細は後述の参考文献参照）
◇見出しのレベル別ソースと作例
<h6 style="text-align:center;">未知の苦HTML解道</h6>
h6 >> 未知の苦HTML解道
<h5 style="text-align:center;">未知の苦HTML解道</h5>
h5 >> 未知の苦HTML解道
<h4 style="text-align:center;">未知の苦HTML解道</h4>
h4 >> 未知の苦HTML解道
<h3 style="text-align:center;">未知の苦HTML解道</h3>
h3 >> 未知の苦HTML解道
<h2 style="text-align:center;">未知の苦HTML解道</h2>
h2 >> 未知の苦HTML解道
<h1 style="text-align:center;">未知の苦HTML解道</h1>
h1 >> 未知の苦HTML
|
