ページの見出しタグ
段落に加えて、ページ上で重要なのは 見出しです。これらは本の見出しと 比較することもできます - 各章には独自の 見出し(その章のタイトル)があり、 パラグラフに分割されており、それらにも 独自の見出しがあります。そして、ページの 主要なテキストは段落内に配置されます。
見出しは、h1、h2、
h3、h4、h5、
h6タグを使用して作成されます。
これらは重要度が異なります。h1見出しには
ウェブページ全体のタイトルを配置し、
h2にはページのブロックのタイトルを、
h3にはサブブロックのタイトルを、
というように配置します。
すべての見出しはデフォルトで太字で、 サイズが異なります(これは後で学ぶCSSで 変更できます)。例として、すべてのレベルの 見出しを作成してみましょう:
<h1>Heading h1</h1>
<h2>Heading h2</h2>
<h3>Heading h3</h3>
<h4>Heading h4</h4>
<h5>Heading h5</h5>
<h6>Heading h6</h6>
上記のコードをコピーしてブラウザで 実行してください。見出しのサイズが どのように異なるか確認してください。
h1見出しを作成してください。
その下にh2見出しを作成し、
その下にテキストの段落を配置してください。
段落の後に、さらに別のh2見出しを
作成し、その下に2つのテキスト段落を
配置してください。