テーブルのページ

テーブルの基本

テーブルのタグ

＜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.テーブルのアライン

• aling=水平方向の揃え（CENTER/RIGHT）
• ｖaling=垂直方向の揃え（TOP/BOTTOM）

10.セルの余白

11.セルとセルの感覚

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

12.列の結合

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

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

13.行の結合

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

セルの結合の復習

問題１