テーブルのページ

テーブルの基本

テーブルのタグ

＜table＞

＜tr＞

＜td＞

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

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

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

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

4.テーブルの幅の変化

カレンダー

テーブルの復習

テーブルの属性

5.テーブルのサイズ指定(相対指定)

6.テーブルのサイズ指定(絶対指定)

7.セルのサイズ指定

8.bgcolor

カレンダーを色分け

9.テーブルのアライン

• align=水平方向のそろえ（center/right）
• valign=垂直方向のそろえ(top/bottom)

10.セルの余白

11.セルとセルの間隔

• border=0にすると枠線の影の部分がなくなり平面的になる
• cellspacing=0にするとセルとセルの間隔が狭くなりくっつく
• この二つを組み合わせないとくっつかない

12.列の結合

• colspan属性を入れたセルから属性値に入れた数だけ列が結合される
• 列が結合されると結合された分だけ列は減る
• 減った列は自分で＜td＞〜＜/td＞を減らして調整しなければならない

13.行の結合

• rowspan属性を入れたセルから属性値に入れた数だけ行が結合される
• 結合された下の行のセル（列）がなくなるのでその分子他の行の列が減る
• 減った列は自分で＜td＞〜＜/td＞を減らして調整しなければならない

セルの結合の復習

問題1

問題2