テーブルのページ
テーブルの基本
テーブルのタグ
もっともシンプルなテーブル
| table | テーブルの外枠 |
| tr | テーブルの行 |
| td | テーブルのセル |
- ＜table＞〜＜/table＞でテーブルの外枠部分を透過
- ＜tr＞〜＜/tr＞で行を指定
- 行の中の＜td＞〜＜/td＞に打ったものがセル内に表示される
- border="1"でわかりやすくするためにテーブルの骨格を表示
テーブルの列を増やす
＜tr＞〜＜/tr＞のなかにいくつ＜td＞〜＜/td＞があるかで列の数が決まる
一行目と列数が違う矛盾を避けるため、コピーペーストしてタグ内を打ちかえる
テーブルの幅の変化
テーブル、各セルの大きさは中身に合わせて自動で伸縮する
カレンダー
| 月 | 火 | 水 | 木 | 金 | 土 | 日 |
| | １ | ２ | ３ | ４ | ５ | ６ |
| ７ | ８ | ９ | １０ | １１ | １２ | １３ |
| １４ | １５ | １６ | １７ | １８ | １９ | ２０ |
| ２１ | ２２ | ２３ | ２４ | ２５ | ２６ | ２７ |
| ２８ | ２９ | ３０ | | | | |
＜td>〜
かわりに全角スペースをいれることでへこませている
テーブルの練習
12月のカレンダー
| 月 | 火 | 水 | 木 | 金 | 土 | 日 |
| | | | １ | ２ | ３ | ４ |
| ５ | ６ | ７ | ８ | ９ | １０ | １１ |
| １２ | １３ | １４ | １５ | １６ | １７ | １８ |
| １９ | ２０ | ２１ | ２２ | ２３ | ２４ | ２５ |
| ２６ | ２７ | ２８ | ２９ | ３０ | ３１ | |
テーブルのサイズ指定 相対指定
テーブルのサイズ指定 絶対指定
セルのサイズ指定
bgcolor