https://hmaster.net/


HTMLタグとCSSを使いメモ帳だけで無料でホームページを作成する 方法を分かりやすく解説しているサイトです。 初心者向けに見やすい、読みやすい作りになっています。

ヘッダー部分を作る

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

手順2 ヘッダー部分を作る

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

【ブラウザ表示】


ヘッダー部分のソース

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

外部ファイル

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

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

【ブラウザ表示】

タイトルロゴ

ヘッダー部分のソース

<div id="header"><img src="./image/logo.gif" alt="タイトルロゴ"></div>

外部ファイル

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

このエントリーをはてなブックマークに追加 Instagram

■ その他の項目

レイアウト全体の設定
メインコンテンツを作る
ライトメニューを作る
フッター部分を作る

2カラムレイアウトの解説に戻る