表・テーブルの基本型


1. 最も基本形

ワールドカップの優勝回数
ブラジル5回
アルゼンチン4回
英国3回
フランス2回



ワールドカップの優勝回数
ブラジル5回
アルゼンチン4回
英国3回
フランス2回



ワールドカップの優勝回数
ブラジル5回
アルゼンチン4回
英国3回
フランス2回



ワールドカップの優勝回数
ブラジル5回
アルゼンチン4回
英国3回
フランス2回

ブラジル5回
アルゼンチン4回
英国3回
フランス2回

ブラジル5回
アルゼンチン4回
英国3回
フランス2回



ブラジル5回
アルゼンチン4回
英国3回
フランス2回

ブラジル5回
アルゼンチン4回
英国3回
フランス2回

frame="外枠表示"
box 上下左右すべて表示
void 外枠表示せず
hsides 上下の線表示
vsides 左右の線表示
above 上の線のみ
below 下の線のみ
lhs 左の線のみ
rhs 右の線のみ

rules="セル枠表示"
all 上下左右の線
none セル枠線表示せず
rows上下線のみ
cols左右の線のみ
groups 行、列のグループの境界のみ



1位ブラジル5回
2位アルゼンチン4回
3位英国3回
4位フランス2回

表の幅、表の高さ
1位ブラジル5回
2位アルゼンチン4回
3位英国3回
4位フランス2回

1位ブラジル5回
2位アルゼンチン4回
3位英国3回
4位フランス2回

1位ブラジル5回
2位アルゼンチン4回
3位英国3回
4位フランス2回



表の位置

1位ブラジル5回
2位アルゼンチン4回
3位英国3回
4位フランス2回

AAAAAAAAAAAAAAAAAAAAAAAAAAA
bbbbbbbbbbbbbbbbbbbbbb

1位ブラジル5回
2位アルゼンチン4回
3位英国3回
4位フランス2回
kkkkkkkkkkkkkkkkkkkkkkkkkkkkbbbbbbbb
ppppppppppppppppppppppp
ttttttttttttttttttttttttttttt
zzzzzzzzzzzzzzzzzzzzz
zzzzzzzzzzzzzzzzzzzzzz


8

列・見出し、行・見出しの設定→ 見出しには<th></th>を使用する

順位国 名優勝回数
1位ブラジル5回
2位アルゼンチン4回
3位英国3回
4位フランス2回



表にキャプションをつける場合: <caption></caption>を使用する

表:ワールドカップ優勝国
順位国 名優勝回数
1位ブラジル5回
2位アルゼンチン4回
3位英国3回
4位フランス2回


キャプションを表の下におく。
表:ワールドカップ優勝国
順位国 名優勝回数
1位ブラジル5回
2位アルゼンチン4回
3位英国3回
4位フランス2回


10

セルの大きさを指定する

表:ワールドカップ優勝国
順位国 名優勝回数
1位ブラジル5回
2位アルゼンチン4回
3位英国3回
4位フランス2回


11

セルを結合する

<td colspan="セル数"></td> ・ <td rowspan"セル数"> <th colspan="セル数"></td>・ <th rowspan="セル数">

表:ワールドカップ優勝国
順位国 名優勝回数
1位ブラジルBrazil5回
アルゼンチンArgentina4回
2位英国England3回
3位フランスFrance2回
日本Japan2回


セル間隔の指定:cellspacingを指定しないとセル・セル間隔=セル枠の太さは2ピクセル。

表:ワールドカップ優勝国
順位国 名優勝回数
1位ブラジルBrazil5回
アルゼンチンArgentina4回
2位英国England3回
3位フランスFrance2回
日本Japan2回

表:ワールドカップ優勝国
順位国 名優勝回数
1位ブラジルBrazil5回
アルゼンチンArgentina4回
2位英国England3回
3位フランスFrance2回
日本Japan2回


13

セル内のマージンの指定: cellpadding属性を指定しないとセル内のマージンは1ピクセル。

表:ワールドカップ優勝国
順位国 名優勝回数
1位ブラジルBrazil5回
アルゼンチンArgentina4回
2位英国England3回
3位フランスFrance2回
日本Japan2回

表:ワールドカップ優勝国
順位国 名優勝回数
1位ブラジルBrazil5回
アルゼンチンArgentina4回
2位英国England3回
3位フランスFrance2回
日本Japan2回


14

セル内の文字位置を指定: tr, d, thのいずれも align="横位置" valign="縦位置"
横位置:left, center, right
縦位置:top, middle, bottom

表:ワールドカップ優勝国
順位国 名優勝回数
1位ブラジルBrazil5回
アルゼンチンArgentina4回
2位英国England3回
3位フランスFrance2回
日本Japan2回


15

セルの背景色の指定

表:ワールドカップ優勝国
順位国 名優勝回数
1位ブラジルBrazil5回
アルゼンチンArgentina4回
2位英国England3回
3位フランスFrance2回
日本Japan2回


16

背景に画像を表示

表:ワールドカップ優勝国
順位国 名優勝回数
1位ブラジルBrazil5回
アルゼンチンArgentina4回
2位英国England3回
3位フランスFrance2回
日本Japan2回


17

セル内の改行禁止

表:ワールドカップ優勝国
順位国 名優勝回数Memo
1位ブラジルBrazil5回kkkkkkkkkkkkkkkkkkkkkkkkkkkkkkkkkkkkkkkkkkkkkkkkkkkk
アルゼンチンArgentina4回
2位英国England3回ppppppppppppppppppppppppppppppppp
3位フランスFrance2回mmmmmmmmmmmmmmmmmmmmmmmmmmmmmmmmmmm
日本Japan2回xxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxx

See: <th nowrap>「順位」「アルゼンチン」「優勝回数」

表:ワールドカップ優勝国
順位国 名優勝回数Memo
1位ブラジルBrazil5回kkkkkkkkkkkkkkkkkkkkkkkkkkkkkkkkkkkkkkkkkkkkkkkkkkkk
アルゼンチンArgentina4回
2位英国England3回ppppppppppppppppppppppppppppppppp
3位フランスFrance2回mmmmmmmmppppppppppppppppp
日本Japan2回xxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxx


18

列のグループ化→ グループ単位で属性を指定できる。

表:ワールドカップ優勝国
順位国 名優勝回数Memo
1位ブラジルBrazil5回kkkkkkkkkkkkkkkkkkkkkkkkkkkkkkkkkkkkkkkkkkkkkkkkkkkk
アルゼンチンArgentina4回ppppppppppppp
2位英国England3回ppppppppppppppppppppppppppppppppp
3位フランスFrance2回mmmmmmmmmmmmmmmmmmmmmmmmmmmmmmmmmmm
日本Japan2回xxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxx


19

行のグループ化→ 表をヘッダー、本隊、フッターの3グループにて記述するとグループ単位で属性を指定できる。

表:ワールドカップ優勝国
順位国 名優勝回数Memo
reference mmmmmmmmmmmmmmmmmmmmmmmppvvvvvvvvvvvvvvvvvvvvvvvvvvvvvvvvvvvvvvvv
mmmmmmmmmmmmmmmmmmmmmmmmmmm
1位ブラジルBrazil5回kkkkkkkkkkkkkkkkkkkkkkkkkkkkk
アルゼンチンArgentina4回ppppppppppppp
2位英国England3回pppppppppppppppppppppppppp
3位フランスFrance2回mmmmmmmmmmmmm
日本Japan2回xxxxxxxxxxxxxxxxxxxxxx


20

なぜこうなるのか????
表をレイアウトに利用する=表の線を表示しない→ 「border=1→ 0」
mmmmmmmmmmmmmmmmmmm
mmmmmmmmmmmmmmmmmmmmmmmmmmmmmmmmmmmmmmmmmmmmm
mmmmmmmmmmmmmmmmmmmmmmm
mmmmmmmmmmmmmmmmmmmmmmmmmmmmmmmmmmmmm
History of world cup
Countries of Victory
1位ブラジル5 times○○○○
2位アルゼンチン5 times○○○
3位ドイツ5 times○○
4位フランス5 times



Back to:Top Page