テーブルのページ
テーブルの基本
テーブルのタグ
| table | テーブルの外枠 |
| tr | テーブの行(table row) |
| td | テーブルのセル(列)(table date) |
1.最もシンプルなテーブル
- ＜table＞〜＜/table＞でテーブルの外枠部分を記述
- ＜tr＞〜＜/tr＞で行を指定
- 行の中の＜td＞〜＜/td＞に打ったものがセル内に表示される
- border="1"でわかりやすくするためにテーブルの骨格を表示
2.テーブルの列を増やす
＜tr＞〜＜/tr＞の中にいくつ＜td＞〜＜/td＞があるかで列の数が決まる
3.テーブルの行を増やす
＜table＞〜＜/table＞のなかにいくつ＜tr＞〜＜/tr＞があるかで行数が決まる
1行目と2行目で列数が違う矛盾を避けるため、行ごとコピーしてtd内を打ちかえる
4.テーブルの幅の変化
テーブル、格セルの大きさは中身に合わせて自動で伸縮する
カレンダー
| 月 | 火 | 水 | 木 | 金 | 土 | 日 |
| | 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＞の中が空だとセルがへこまない
代わりに全角スペースを入れることでへこませれる
12/9
欠席
問題1
| 1行1列目 | 1行2列目 |
| 2行1列目 | 2行2列目 | 2行3列目 | 2行4列目 | 2行5列目 |
問題2
| 1行1列目 | 1行2列目 |
| 2行1列目 |
| 2行2列目 |
| 3行2列目 |
| 4行2列目 |
| 5行2列目 |