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