テーブルのレイアウトの概念
基礎的テーブルレイアウトを憶える
| ヘッダーセル（見出しセル） |
ヘッダーセル（見出しセル） |
| データセル |
データセル |
テーブル幅 600px
| ヘッダーセル（見出しセル） |
ヘッダーセル（見出しセル） |
| データセル |
データセル |
テーブル幅 80%
| ヘッダーセル（見出しセル） |
ヘッダーセル（見出しセル） |
| データセル |
データセル |
罫線非表示
| ヘッダーセル（見出しセル） |
ヘッダーセル（見出しセル） |
| データセル |
データセル |
罫線0px
| ヘッダーセル（見出しセル） |
ヘッダーセル（見出しセル） |
| データセル |
データセル |
テーブルに色つける
| ヘッダーセル（見出しセル） |
ヘッダーセル（見出しセル） |
| データセル |
データセル |
テーブルのセルに色つける（枠表示で0pxだとテーブルの罫線が1px分表示される）
| ヘッダーセル（見出しセル） |
ヘッダーセル（見出しセル） |
| データセル |
データセル |
テーブルの高さを指定してみる
| ヘッダーセル（見出しセル） |
ヘッダーセル（見出しセル） |
| データセル |
データセル |
テーブルのセルにそれぞれ高さ指定してみる
| ヘッダーセル（見出しセル） |
ヘッダーセル（見出しセル） |
| データセル |
データセル |
テーブルのヘッダーセル（見出しセル）を結合してみる
| ヘッダーセル（見出しセル） |
| データセル |
データセル |
テーブルの罫線を0pxにしてみる
| ヘッダーセル（見出しセル） |
| データセル |
データセル |
テーブルの左セルの幅を200pxにしてみる
| ヘッダーセル（見出しセル） |
| データセル |
データセル |
次へ行く