テーブルのページ

テーブルの基本

テーブルのタグ

table tr td

1もっともシンプルなテーブル

  1. ＜table＞〜＜/table＞でテーブルの外側部分を記述
  2. ＜table＞〜＜/table＞でテーブルの外側部分を記述
  3. 行の中の＜td＞〜＜/td＞に打ったものがセル内に表示される
  4. border="1"でわかりやすくするためにテーブルの骨格を表示
table
テーブルの外枠
tr
テーブルの行(table row)
td
テーブルのセル（列）(table data)
1

2.テーブルの列を増やす

＜tr＞〜＜/tr＞のなかにいくつ＜td＞〜＜/td＞があるかで列の数が決まる

2.テーブルの行を増やす

＜table＞〜＜/table＞のなかにいくつ＜tr＞〜＜/tr＞があるかで行数が決まる
1
2
3
1
2
3
4
5
6
１行目と２行目で列数が違う矛盾を避けるため、行ごとコピーしてtd内を打ちかえる

4.テーブル幅の変化

1
2
3
4
5
6
テーブル、各セルの大きさは中身に合わせて自動で伸縮する

カレンダー

月火水木金土日
　123456
78910111213
14151617181920
21222324252627
282930　　　　
＜td＞〜＜/td＞のなかが空だとセルはへこまない
代わりに全角スペースを入れることでへこませている