https://hmaster.net/


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

フッター部分を作る

最後に2カラムレイアウトのフッター部分を作ります。

手順5 フッター部分を作る

枠線1px のボックスです。 レイアウト全体を囲むdivタグのボックスで横幅を710pxと指定しているので ヘッダーと同じくフッターのボックスも横幅を指定しません。 フッター部分は外部リンクや広告などを貼り付けるスペースとして 利用できます。

フッターのボックスの上にはメインコンテンツのボックスの右横に 並んだライトメニューのボックスがあるので フッター部分の外部ファイルにclear:both; を指定して回り込みを解除します。

最後に最初の枠線無しの710pxのdivボックスを終了タグ</div> で閉じて終わりです。 以上で2カラムレイアウトのホームページの完成になります。

【ブラウザ表示】


フッター部分のソース

<div id="footer">
<a href="koukoku1.html">広告リンク1</a>
<a href="koukoku2.html">広告リンク2</a>
<a href="koukoku3.html">広告リンク3</a>
</div>

外部ファイル

div#footer{
padding:10px;
border:1px solid silver;
text-align:center;
clear:both;
}

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

■ その他の項目

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

最後に2カラムレイアウトのソース、外部ファイルを見る(ページ下部)