<!-- レイアウト全体を囲む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タグのボックス終了 -->