カレンダー
| 月 | 火 | 水 | 木 | 金 | 土 | 日 |
| | 1 | 2 | 3 | 4 | 5 | 6 |
| 7 | 8 | 9 | 10 | 11 | 12 | 13 |
| 14 | 15 | 16 | 17 | 18 | 19 | 20 |
| 21 | 22 | 23 | 24 | 25 | 26 | 27 |
| 28 | 29 | 30 | | | | |
＜td＞〜＜/td＞内に値がないとセルはへこまない
空白には全角スペースを利用する
テーブルタグの属性
5.テーブルのサイズ指定（可変）
＜table width="**%"＞でブラウザウインドー幅に応じて可変する相対値指定となる
6.テーブルのサイズ指定（固定）
値に%を付けないとピクセル指定による固定幅となる。
7.テーブルのサイズ指定
＜ｔｄに＞サイズ指定をするとそのセルのみサイズ指定ができる
合計値などが間違った指定をすると正しくテーブルが表示されなくなるので必要最低限の指定にとどめる
8.テーブルおよびセルの背景色
カレンダーを色分け
| 月 | 火 | 水 | 木 | 金 | 土 | 日 |
| | 1 | 2 | 3 | 4 | 5 | 6 |
| 7 | 8 | 9 | 10 | 11 | 12 | 13 |
| 14 | 15 | 16 | 17 | 18 | 19 | 20 |
| 21 | 22 | 23 | 24 | 25 | 26 | 27 |
| 28 | 29 | 30 | | | | |
6/18 テーブル2
9.テーブルおよびセルのarign
水平方向はalign属性で水平方向valign（vatical）属性(top/middle/bottom)で調整できる
テーブルを使ったレイアウト
10.セルの余白
cellpaddingでセルと中身との間に余白を入れられる
11.セルとセルの間隔
cellspacing="15
cellspacing="0"とborder="0"にするとセル同士がくっつく
12.列の結合
列＝col
＜td colspan="*"＞とすると設定したtdから*列分結合する
結合すると次列以降＜td＞〜＜/td＞が減ることになるので自分で減らし矛盾が起こらないようにする
13.行の結合
行＝row
＜td rowspan="*"＞とすると設定したtdから*行分結合する
結合すると次行以降＜td＞〜＜/td＞が減ることになるので自分で減らし矛盾が起こらないようにする
練習問題
問題1
| 1行1列目 | 1行2列目 |
| 2行1列目 | 2行1列目 | 2行1列目 | 2行1列目 | 2行1列目 |
問題2
| 1行1列目 | 1行2列目 |
| 2行1列目 | 2行2列目 |
| 3行1列目 |
| 4行1列目 |
| 5行1列目 | <
14.テーブル・セルの背景画像
行＝row
＜tr background＞はIEは非対応
最後の問題
| 1行1列 | 1行2列 | 1行3列 | 1行4列 | 1行5列 | 1行6列 |
| 2行1列 | 2行2列 | 2行6列 |
| 3行1列 | 3行6列 |
| 4行1列 | 4行6列 |
| 5行1列 | 5行6列 |
| 6行6列 |