ヘッダー部分を作る

ホームページのヘッダー部分を作ります。

レイアウト全体の設定ができたので次はヘッダー部分を作ります。枠線1px のボックスです。ボックスの下側の枠線には5pxの余白を入れています。前ページのdivタグのボックスで横幅を710pxと指定しているのでヘッダーのボックスは横幅を指定しません。

【ブラウザ表示】

ヘッダー部分のソース

<div id="header">ホームページのタイトル</div>

外部ファイル

div#header{
padding:10px;
margin-bottom:5px;
border:1px solid silver;
}

テキストのタイトルよりもロゴ画像の方が良い場合はヘッダー部分にイメージタグを入れます。タイトルはHPの看板となる部分なのでロゴ画像にするのが一般的です。

【ブラウザ表示】

ヘッダー部分のソース

外部ファイル

div#header{
padding:10px;
margin-bottom:5px;
border:1px solid silver;
}