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