3カラムレイアウトのソース(各ボックスの違いが解るよう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>3カラムレイアウトのサンプル</TITLE>
<link rel="stylesheet" href="layout.css" type="text/css">
</HEAD>
<BODY>

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

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

<!-- レフトメニュー開始 -->
<div id="leftmenu">
<h2 class="minititle">ミニタイトル</h2>
<ul>
<li><a href="koumoku1.html">項目1</a></li>
<li><a href="koumoku2.html">項目2</a></li>
<li><a href="koumoku3.html">項目3</a></li>
</ul>
<h2 class="minititle">ミニタイトル</h2>
<ul>
<li><a href="koumoku4.html">項目4</a></li>
<li><a href="koumoku5.html">項目5</a></li>
<li><a href="koumoku6.html">項目6</a></li>
</ul>
<hr>
<ul>
<li><a href="sougo.html">相互リンク</a></li>
<li><a href="tool.html">便利ツール</a></li>
</ul>
</div>
<!-- レフトメニュー終了 -->

<!-- メインコンテンツを囲むボックス開始 -->
<div id="middle">

<!-- メインコンテンツ開始 -->
<div class="middle1">ホームページの概要を紹介する文章をこの部分に記述します。
</div>
<!-- 1個目のボックス終了 -->
<h3 class="update">更新履歴</h3>

<!-- 2個目のボックス開始 -->
<div class="middle1" id="record">
2009/04/10 - TOPページを更新<br>
2009/04/08 - リンク集を更新<br>
2009/03/31 - TOPページを更新<br>
2009/03/28 - リンク集を追加<br>
2009/03/27 - サイトをリニューアル
</div>
<!-- 2個目のボックス終了 -->

<!-- 3個目のボックス開始 -->
<div class="middle1" id="mh">
この部分にコンテンツを埋めます。
<hr>
当サイトがおすすめするリンク集の一覧です。
<p>
・<a href="http://www.yahoo.co.jp/">Yahoo Japan!</a>
<a href="http://www.google.co.jp/">Google</a>
<a href="http://jp.msn.com/">MSN Japan</a>
<br>
・<a href="http://www.goo.ne.jp/">goo</a>
<a href="http://www.infoseek.co.jp/">Infoseek</a>
<a href="http://www.biglobe.ne.jp/">BIGLOBE</a>
<br>
・<a href="http://www.excite.co.jp/">Excite</a>
<a href="http://www.livedoor.com/">livedoor</a>
<a href="http://ask.jp/">Ask.jp</a>
</p>
</div>
<!-- 3個目のボックス終了 -->

</div>
<!-- メインコンテンツを囲むボックス終了 -->

<!-- ライトメニュー開始 -->
<div id="rightmenu">
<h2 class="minititle">ミニタイトル</h2>
<ul>
<li><a href="koumoku1.html">項目7</a></li>
<li><a href="koumoku2.html">項目8</a></li>
<li><a href="koumoku3.html">項目9</a></li>
</ul>
<h2 class="minititle">ミニタイトル</h2>
<ul>
<li><a href="koumoku4.html">項目10</a></li>
<li><a href="koumoku5.html">項目11</a></li>
<li><a href="koumoku6.html">項目12</a></li>
</ul>
<hr>
<ul>
<li><a href="menseki.html">免責事項</a></li>
<li><a href="toiawase.html">問い合わせ</a></li>
</ul>
</div>
<!-- ライトメニュー終了 -->
<br clear="all">

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

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