ホームページの作り方講座 -4ページ目

htmlとcss(スタイルシート) 【見出しh1要素】

今日は見出しの書き方です。


見出しにはh1h6要素を使います。


<h1> 大見出し

<h6> 小見出し


使い方例

【料理の作り方】      ・・・この大見出しを<h1>で書きます。

ハンバーグの作り方  ・・・この中見出しを<h2>で書きます。

・材料            ・・・ここを<h3>で書きます。

焼きソバの作り方    ・・・ここはまた<h2>で書きます。

・材料           ・・・ここを<h3>で書きます。


ここで注意することは<h1>はページに1回しか使ってはいけません。

ページ全体の見出しを<h1>で書くようにしましょう。

<h2>からは何回使ってもいいです。


書き方

<h1>【料理の作り方】</h1>

<h2>ハンバーグの作り方</h2>

<h3>・材料</h3>

※<body>から</body>の間に書きます。


この<h○>要素はそのまま書いて文字の大きさが大きく

表示されます。h1からh6の順に小さくなります。

ですがcss(スタイルシート)を使って大きさを揃えることが出来ます。


cssファイルに

h1 { font-size: 20px;    ←で文字のサイズを20pxにします。

   color: ff0000;      ←で文字の色を変えてます。

}


上のように書いておけば文字のサイズを20px、色を赤にすることができます。


今日はこのへんで・・・