複数のHTMLを用いて、フォルダタブのようなメニューを作成します。
これは、現在選択しているメニューが一目で分かるため、ユーザビリティに優れています。

→ Sample 1：タブメニュー

サンプルのように、色分けしてもいいですし、Windowsなどのタブメニューのように、選択している所だけ明るくするのもいいでしょう。

サンプル・ソース

緑の文字が変更箇所で、赤い文字が対応するソースです。
"/* */"内はコメントです。削除しても影響ありません。
必要な箇所をコピー＆貼り付けして編集してください。

→ menu1.html(赤)

<HTML>
<HEAD>
<TITLE></TITLE>
</HEAD>
<BODY>
<TABLE border="0" cellpadding="3" cellspacing="0">
<TR>
<TD width="20"> </TD>
<TD bgcolor="#ffcccc" width="80" align="center"><A href="menu1.html">menu1</A></TD>
<TD bgcolor="#ccffcc" width="80" align="center"><A href="menu2.html">menu2</A></TD>
<TD bgcolor="#ccccff" width="80" align="center"><A href="menu3.html">menu3</A></TD>
</TR>
</TABLE>
<TABLE border="0" cellpadding="15" cellspacing="0" width="400" height="200">
<TR>
<TD bgcolor="#ffcccc" valign="top">
文章をここに書きます
</TD>
</TR>
</TABLE>
</BODY>
</HTML>

→ menu2.html(緑)

「menu1.html」下から７行目を以下のように変更します。
<TD bgcolor="#ccffcc" valign="top">
後は、「menu1.html」と同様です。

→ menu3.html(青)

「menu1.html」下から７行目を以下のように変更します。
<TD bgcolor="#ccccff" valign="top">
後は、「menu1.html」と同様です。