表組の基本は Section 5 で紹介した。表組は指定できる要素がたくさんあり,実に複雑な表まで作成することが可能である。
まず,表組を指定する <TABLE> の属性を見てみよう。そのために,次のような表組を用意する。
<TABLE BORDER> <TR><TD>A</TD><TD>B</TD><TD>C</TD></TR> <TR><TD>D</TD><TD>E</TD><TD>F</TD></TR> </TABLE> |
これが以下のようになることはすぐにおわかりいただけるだろう。
|
これに,それぞれの属性を指定して,どのように変化するかを見てみよう。
属性 | 解説 | 指定した値 | その例 | ||||||
---|---|---|---|---|---|---|---|---|---|
ALIGN="..." | left または right を指定すると文字の回り込みがかかる(Section 11 参照)。 | − | − | ||||||
BORDER=... | 表の外枠の太さ。ピクセル指定。値は省略してもよい。BORDER 属性を指定しなかったとき(見えない「枠」がある)と,BORDER=0 を指定した(枠はない)ときのふるまいは異なる。 | BORDER=5 |
| ||||||
WIDTH=... | 表の幅。長さはピクセル指定かパーセント指定。 | − | − | ||||||
CELLSPACING=... | 罫線の太さ。ピクセル指定。BORDER が指定されていないと,「見えない罫線」があるとして処理をする。 | CELLSPACING=5 |
| ||||||
CELLPADDING=... | 罫線の外側とセル内容との余白。ピクセル指定。 | CELLPADDING=5 |
|
Netscape Navigator 3.0,4.0 と Internet Explorer では,以下の属性も指定できる。Academic HTML の HTML ファイルには随所に使われている。ただし,これらは HTML 3.2 の規格外である。
属性 | 解説 | 指定した値 | その例 | ||||||
---|---|---|---|---|---|---|---|---|---|
BGCOLOR="..." | 表組の背景色の指定。色の指定方法は Section 8 参照。 | BGCOLOR="#FFCC99" |
|
最新のブラウザ(Netscape Communicator 4.0,Intenet Explorer 4.0 など)ではさらにいろいろな属性を指定できる。これらは,次の HTML の規格できちんとした形にまとめられる。
表にはの表題をつけることもできる。<TABLE> の直後,つまり最初の <TR> の直前で,
<CAPTION ALIGN="...">〜</CAPTION> |
を使う。属性 ALIGN は省略可。値は top,bottom が指定でき,それぞれ表の上部,下部に表題が入る。