こういった、ウエブページは、HTMLというもので書かれていますが、 いくつかのカラム（列、縦のライン）に分けたりするのが、結構面倒 です。
そこで、<TABLE>タグを使いまくることになり、HTMLソース （分からんかったら、お手持ちのブラウザーのメニューで「HTMLソースを見る」 を指定してみて下さい）を見ると、ぐちゃぐちゃになってしまします。
ということで、今回は「ササの葉…」は、手抜きします（苦笑）。 「タケゾノの館」のトップページを見てみましょう。
<HTML>
<HEAD>
<META HTTP-EQUIV="Content-Type" CONTENT="text/html; charset=EUC-JP">
<TITLE>タケゾノの館</TITLE>
</HEAD>
<BODY BGCOLOR="#ffffd0">
<CENTER>
<!--#geoguide-->
</CENTER>
<CENTER>
<TABLE WIDTH="90%" BORDER="0" CELLSPACING="10">
<TR>
<TD ALIGN="center" VALIGN="middle">
<FONT SIZE="6">タケゾノの館</FONT>
<BR><BR><IMG SRC="/cgi-bin/counter/takezono" ALT="[カウンタ]">
</TD>
<TD WIDTH="50%" ALIGN="center" VALIGN="middle" BGCOLOR="#ffcccc">
<TABLE>
<TR>
<TD ALIGN="center" BGCOLOR="#ff8888">
<A HREF="greeting.html">ごあいさつ</A>
</TD>
</TR>
<TR>
<TD ALIGN="center" BGCOLOR="#ff8888">
自己紹介
</TD>
</TR>
<TR>
<TD ALIGN="left">このページは、タケゾノを自称する謎の人が作るページです。
まだなんにもないところですけれども、長い目で見てやって下さい。
</TD>
</TR>
<TR>
<TD ALIGN="center" BGCOLOR="#ff8888">
<A HREF="history.html">更新履歴</A>
</TD>
</TR>
<TR>
<TD ALIGN="center">このページのあゆみをお伝えします</TD>
</TR>
</TABLE>
</TD>
</TR>
<TR>
<TD WIDTH="50%" ALIGN="center" VALIGN="middle" BGCOLOR="#ccffcc">
<TABLE>
<TR>
<TD ALIGN="center" BGCOLOR="#66ff88">
<A HREF="work.html">タケゾノの作品集</TD></A>
</TR>
<TR>
<TD ALIGN="left">小説、っていうかー、そんなのみたいなー、ページ。
期待せずに待ってて下さい。</TD>
</TR>
<TR>
<TD ALIGN="center" BGCOLOR="#66ff88">
<A HREF="sasa/">ササの葉さらさら</A>
</TD>
</TR>
<TR>
<TD ALIGN="left">ちょっとしたことを、気のむくまま書いてみます。</TD>
</TR>
</TABLE>
</TD>
<TD ALIGN="center">
<!-- history -->
<H3>18th Nov. 1998</H3>
<P>記念日を追加</P>
</TD>
</TR>
<TR>
<TD WIDTH="50%" ALIGN="center" VALGN="middle" BGCOLOR="#ffffb0">
<TABLE>
<TR>
<TD ALIGN="center" BGCOLOR="#ffff00"><A HREF="link.html">リンク</A></TD>
</TR>
<TR>
<TD ALIGN="left">自己紹介以上にお約束！<BR>相互リンク募集中です。</TD>
</TR>
<TR><TD ALIGN="center" BGCOLOR="#ffff00"><A HREF="memorial.html"
>記念日</A></TD></TR>
<TR><TD ALIGN="left">カウンタがキリのいい数字になってたら、
ご連絡下さい。</TD></TR>
</TABLE>
</TD>
<TD ALIGN="center"><ADDRESS><A
HREF="mailto:takezono@geocities.co.jp">takezono@geocities.co.jp</A></ADDRESS>
</TD>
</TR>
<TR>
<TD WIDTH="50%" ALIGN="center" VALIGN="middle" BGCOLOR="#ccccff">
<TABLE>
<TR>
<TD ALIGN="center" BGCOLOR="#ddaaff">
<A HREF="/cgi-bin/geoplus_apps/ans_entry">ゲストブックに記帳</A></TD>
</TR>
<TR>
<TD ALIGN="center" BGCOLOR="#ddaaff">
<A HREF="./geobook.html">ゲストブックを読む</A></TD>
</TR>
<TR>
<TD ALIGN="left">感想でも意見でも、デートの約束でも
（言っててさみしい…）、なんでも書いて下さい。</TD>
</TR>
<TR>
<TD ALIGN="center" BGCOLOR="#ddaaff">
<A HREF="./reply.html">ご記帳ありがとうございます</A></TD>
</TR>
<TR>
<TD ALIGN="left">ご記帳下さった方へのお返事です。</TD>
</TR>
</TABLE>
</TD>
<TD ALIGn="center">
<A HREF="/">ジオシティーズ</A><BR>
<A HREF="/HeartLand-Icho/">ハートランドいちょう通り</A><BR>
<A HREF=
"http://www.geocities.co.jp/cgi-bin/homestead/hood?HeartLand-Icho1006"
>1006-1055</A>
<BR>
<A HREF="/elist/">E-LIST</A>(特選ページ)
</TD>
</TR>
</TABLE>
</CENTER>
<HR>
<DIV>
<A HREF="banner.gif"><IMG SRC="banner.gif" ALIGN="left"
ALT="[バナー]" WIDTH="200" HEIGHT="40" HSPACE="0" BORDER="0"></A>
バナーです。やっつけで作ったので、ちょっとずれていますが、
よろしかったらお使い下さい（変更される可能性があります）。
<BR CLEAR=all>
</DIV>
</BODY>
</HTML>
なんというか…こう、身の毛もよだつと言うか…、とにかく、素直に見られない シロノモになっています。 （いちおう解説しておくと、テーブルの各項目がテーブルになっている、 という二重構造になっています）。
しかもこれが全て手書きだったりするので、余計に始末に負えません。 良い子は真似しちゃダメですよ、本当に。