テーブル

テーブル

1.最もシンプルなテーブル

1

＜table＞外枠
＜tr＞行
＜td＞列内に入れたものが表示

　　　　　

2.テーブルの列

＜tr＞内にいくつ＜td＞があるかで列の数が決まる

111

222

333

サイズ指定しないセルの大きさは中身に応じて自動伸縮

3.テーブルの行

＜table＞内にいくつ＜tr＞があるかで行の数が決まる

111	222	333
4	5	6

各行で列数が違う矛盾を避けるため＜tr＞毎コピペして＜td＞を打ち替え

テーブルのタグ

table	テーブルの外枠
tr	テーブルの行(Table Row)
td	テーブルのセル(Table Data)
th	ヘッダーセル(Table Header)

4.セルの結合(列)

セルの数が違う場合

111
4	5	6

＜td colspan="列数"＞

セルに指定した列分の幅を持たせる

5.セルの結合(行)

＜td rowspan="行数"＞

セルに指定した行分の高さを持たせる

111	222	333
111	5	6

結合した行数・列数に矛盾のないようセルを削除する