2カラムレイアウトのソース（各ボックスの違いが解るようdivタグを色分けしています。）
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd"> ←IE以外のブラウザとの表示の差異を無くすためこのドキュタイプを記述します。
<HTML lang="ja">
<HEAD>
<META HTTP-EQUIV="CONTENT-TYPE" CONTENT="text/html; CHARSET=Shift_JIS">
<TITLE>2カラムレイアウトのサンプル</TITLE>
<link rel="stylesheet" href="layout.css" type="text/css">
</HEAD>
<BODY>

<!-- レイアウト全体を囲むdivタグのボックス開始 -->
<div id="body">

<!-- ヘッダー開始 -->
<div id="header">ホームページのタイトル</div>
<!-- ヘッダー終了 -->

<!-- メインコンテンツ開始 -->
<div id="middle">

ここにメインコンテンツを記述します。

</div>
<!-- メインコンテンツ終了 -->

<!-- ライトメニュー開始 -->
<div id="rightmenu">
<ul>
<li><a href="link1.html">リンク1</a></li>
<li><a href="link2.html">リンク2</a></li>
<li><a href="link3.html">リンク3</a></li>
</ul>
<ul>
<li><a href="link4.html">リンク4</a></li>
<li><a href="link5.html">リンク5</a></li>
</ul>
<hr>
<ul>
<li><a href="freetalk.html">雑談掲示板</a></li>
<li><a href="chat.html">チャット</a></li>
<li><a href="toiawase.html">問い合わせ</a></li>
</ul>
</div>
<!-- ライトメニュー終了 -->

<!-- フッター開始 -->
<div id="footer">
<a href="koukoku1.html">広告リンク1</a>
<a href="koukoku2.html">広告リンク2</a>
<a href="koukoku3.html">広告リンク3</a>
</div>
<!-- フッター終了 -->

</div>
<!-- レイアウト全体を囲むdivタグのボックス終了 -->

Copyright (C) 2000-2009 xxxxxxxxx All rights reserved.
</BODY>
</HTML>