<h2>

第2階層の見出し

h1 の次に重要な見出しで、ページ内の大きな章を表します。1ページに複数使えます。

サンプルコード

HTML

1<h1>カフェ・ミモザ</h1>

2<h2>メニュー</h2>

3<p>季節のケーキと自家焙煎のコーヒー。</p>

4<h2>アクセス</h2>

5<p>駅から徒歩5分です。</p>

ブラウザでの表示

h2 はページの主題（h1）の下にある章の見出しです。ページを章に分けるときに、章ごとに1つずつ使います。

見出しは本の目次と同じように階層で考えます。h2 の章をさらに細かく分けるときは h3 を使います。

ブラウザは h2 を h1 より少し小さい太字で表示します。大きさや色はCSSで自由に変えられます。

見出しと内容を section でまとめると、構造がより明確になります。

HTML

1<section>

2 <h2>メニュー</h2>

3 <p>季節のケーキと自家焙煎のコーヒー。</p>

4</section>

装飾はCSSで行います。

CSS

1h2 {

2 padding-left: 12px;

3 border-left: 4px solid #b68235;