テーブルの使用例

このサイトでも使っているテーブルレイアウトの技法です。非常に応用が利きます。

記入例（HTML文はソースを参照してください）

タイトルバーのようなレイアウト

これはいろんなサイトで使われる技法です。表の背景を青に設定し、本文の書かれているセルは白に設定されています。TABLEタグのcellpadding属性で枠の太さを調節します。罫線を使用しない理由はネットスケープでは罫線に色を設定しても単色ではなく濃淡が出るためです。

テーブルには複数のセルを使用しなければならない規則はありません。このようにひとつのセルのみで枠線として使用するだけでもホームページのデザインに活用できますよ。

上の二つを組み合わせたものです

テーブルの中にテーブルを置くのも非常によく使われている技法です。ページ内が見やすくなるし、画像を多用しなくてもページが華やかになりますよ。もちろんこれに画像を加えればもっと良くなるんですけどね！

ただしTABLEタグは</TABLE>が読み込まれるまで内部を表示しないので、結構長いページの３重４重のテーブル配置はページ読み込みが長く感じる錯覚を与えます。まあやりすぎは何事も良くないってことですね！

ふたつ例をあげましたが、これに画像と組み合わせるなどするとさまざまな表現が可能となります。