テーブルのページ

テーブルの基本

テーブルのタグ

1.最もシンプルなテーブル

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

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

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

4.テーブルのサイズの変化

カレンダー

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

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

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

7.セルのサイズ指定

8.背景色

カレンダーに背景色をつける

テーブルの復習

9.テーブルの整列

テーブルの背景画像

セルの結合

10.列の結合(colspan)

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

11.行の結合(rowspan)

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

例題1

例題2

テーブルタグのレイアウト指定

12.セルの余白(cellpadding)

13.セルとセルの間隔(cellspacing)