見る人に優しいウエブ作成


Directory

テーブル応用編 (1)
テーブル応用編 (2)
テーブル注意事項 (1)
テーブル注意事項 (2)


Contents

優しいウエブ作成
HTML入門
画像処理入門
ページレイアウト入門
スタイルシート入門
用語集
サポートタグ

+++ ページレイアウト入門(応用編)+++

戻る
次へ

■ 複数テーブル指定でのレイアウト

参考になるかどうかは、別として私のサイトのテーブルの使い方を見てみましょう。 まず、このページです。


ブラウザイメージ
A部 B部
C部

この場合のタグはこの様になります。

<HTML>
<HEAD>
</HEAD>
<BODY>

<TABLE>
<TR>
<TD WIDTH="100" HEIGHT="150">A部</TD>
<TD ROWSPAN="2" WIDTH="260">B部</TD>
</TR>
<TR><TD>C部</TD></TR>
</TABLE>

</BODY>
</HTML>

1つのテーブルを2列にし、A部にはナビゲーション用、B部にコンテンツの内容を記載してます。 C部はイメージを張りつけてます。フレームとはいいませんが、それに似た配置となります。 テーブルは幅は、この例用なので実際には最適化する必要があります。




Prev | Home | Next




Copyright(C) 1999-2000, ken_yuu All Right Reserved.