テーブルのページ

テーブルの基本

テーブルのタグ

＜table＞

＜tr＞

＜td＞

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

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

２．テーブルの列を増やす

３．テーブルの行を増やす

４．テーブルの幅の変化

カレンダー

テーブルの復習

テーブルの属性

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

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

７.セルのサイズ指定

８.bgcolor

カレンダーを色分け

９.テーブルのアライン

• align=水平方向の揃え(center/right)
• valign=垂直方向の揃え(top/bottom)

10.セルの余白

11.セルとセルの間隔

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

12.列の結合

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

13.行の結合

• rowspan属性を入れたセルから属性値に入れた数だけ行が結合される
• 結合さてた下の行のセル(列)がなくなるのでその分したの行の列が減る
• 減った列は自分で＜td＞〜＜td＞を減らして確認しなければならない

セルの結合の復習

問題１

問題２