テーブルのページ
テーブルのタグ
| table | テーブルの外枠部分を記述 |
|
|
テーブルの行（Table Row） |
| td | テーブルの列（Table Data） |
1.最もシンプルなテーブル
- ＜table＞～＜/table＞で外枠部分を記述
- ＜tr＞～＜/tr＞で行を部分を記述
- ＜ｔｄ＞～＜/tｄ＞で列を部分を記述
2.テーブルの列を増やす
＜tr＞～＜/tr＞内にいくつ＜ｔｄ＞～＜/tｄ＞があるかで列の数が決まる
2.テーブルの行を増やす
＜table＞～＜table＞内にいくつ＜tr＞～＜/tr＞があるかで行の数が決まる
４.テーブルの幅の変化
各セルのサイズは中身に応じて自動で伸縮する
１１月のカレンダー
| 月 | 火 | 水 | 木 | 金 | 土 | 日 |
| | | 1 | 2 | 3 | 4 | 5 |
| 6 | 7 | 8 | 9 | 10 | 11 | 12 |
| 13 | 14 | 15 | 16 | 17 | 18 | 19 |
| 20 | 21 | 22 | 23 | 24 | 25 | 26 |
| 27 | 28 | 29 | 30 | | | |
テーブルの属性
5.テーブルの幅の指定（相対配置）
widthで幅を指定できる
%で指定するとブラウザの幅に応じた可変サイズ
5-2.テーブルの幅の指定（絶対配置）
widthで幅を指定できる
%で指定するとブラウザの幅に応じた可変サイズ
6.テーブルの幅の指定（絶対配置）
heightで幅を指定できる
ピクセルでで指定すると指定した高さでテーブルが作られる
7.セルのサイズの指定（絶対配置）
heightはtdにも指定できる
heightはtr（td）にも指定できる
8.水平揃え（align）
alignで水平方向の揃えを指定できる
table,tr,tdどれにつけるかで適用される範囲が変わる
9.垂直揃え（valign）
valignで垂直方向の揃えを指定できる
table,tr,tdどれにつけるかで適用される範囲が変わる
10.背景色（bgcolor）
valignで背景色を指定できる
table,tr,tdどれにつけるかで適用される範囲が変わる
テーブルの復習
11.列（col）の結合（valign）
coｌspanで指定した分だけセル（列）を結合できる
結合して減る分の（列）は自分で削除する必要
12.行（row）の結合
rowspanで指定した分だけセル（列）を結合できる
結合して減る分の（行）は自分で削除する必要
13.セルの余白（cellpadding）
cellpaddingでセルと内容物の余白を指定できる
cellpaddingでセルと内容物の余白を指定できる
14.セルとセルの間隔（cellspacing）
cellspacingでセルとセルの間の骨格部分のサイズを指定できる
border=0と組み合わせるとセルがくっつく
きょうのひとこと
今日も頑張りました。