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