テーブル
1.最もシンプルなテーブル
- ＜table＞外枠
- ＜tr＞行
- ＜td＞列内に入れたものが表示
2.テーブルの列
＜tr＞内にいくつ＜td＞があるかで列の数が決まる
| 111 | 222 | 333 |
サイズ指定しないセルの大きさは中身に応じて自動で伸縮
3.テーブルの行
＜table＞内にいくつ＜tr＞があるかで行の数が決まる
| 111 | 222 | 333 |
| 4 | 5 | 6 |
各行で列数が違う矛盾を避けるため＜tr＞毎コピペして＜td＞を打ち替える
テーブルのタグ
| table | テーブルの外枠 |
|---|
| table | テーブルの行(Table Row) |
|---|
| table | テーブルのセル(Table Data) |
|---|
| table | ヘッダーセル(Table Header) |
|---|
4.セルの結合（列）
セルの数が違う場合
| 111 |
| 4 | 5 | 6 |
＜td colspan="セル幅"＞
セルに指定した列分の幅を持たせる
4.セルの結合（行）
＜td rowspan="セル幅"＞
セルに指定した行分の高さを持たせる
| 111 | 222 | 333 |
| 5 | 6 |
結合した行数・列数が矛盾のないようにセルを削除する