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