Section 15 : 複雑な表組・その1

 表組の基本は Section 5 で紹介した。表組は指定できる要素がたくさんあり,実に複雑な表まで作成することが可能である。


<TABLE> の属性

 まず,表組を指定する <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>

これが以下のようになることはすぐにおわかりいただけるだろう。

ABC
DEF

これに,それぞれの属性を指定して,どのように変化するかを見てみよう。

属性解説指定した値その例
ALIGN="..."left または right を指定すると文字の回り込みがかかる(Section 11 参照)。
BORDER=...表の外枠の太さ。ピクセル指定。値は省略してもよい。BORDER 属性を指定しなかったとき(見えない「枠」がある)と,BORDER=0 を指定した(枠はない)ときのふるまいは異なる。BORDER=5
ABC
DEF
WIDTH=...表の幅。長さはピクセル指定かパーセント指定。
CELLSPACING=...罫線の太さ。ピクセル指定。BORDER が指定されていないと,「見えない罫線」があるとして処理をする。CELLSPACING=5
ABC
DEF
CELLPADDING=...罫線の外側とセル内容との余白。ピクセル指定。CELLPADDING=5
ABC
DEF

 Netscape Navigator 3.0,4.0 と Internet Explorer では,以下の属性も指定できる。Academic HTML の HTML ファイルには随所に使われている。ただし,これらは HTML 3.2 の規格外である。

属性解説指定した値その例
BGCOLOR="..."表組の背景色の指定。色の指定方法は Section 8 参照。BGCOLOR="#FFCC99"
ABC
DEF

 最新のブラウザ(Netscape Communicator 4.0,Intenet Explorer 4.0 など)ではさらにいろいろな属性を指定できる。これらは,次の HTML の規格できちんとした形にまとめられる。


表の表題

 表にはの表題をつけることもできる。<TABLE> の直後,つまり最初の <TR> の直前で,

<CAPTION ALIGN="...">〜</CAPTION>

を使う。属性 ALIGN は省略可。値は top,bottom が指定でき,それぞれ表の上部,下部に表題が入る。


解決! センター化学 I
解決! センター化学 I ◆ Z 会出版

Next : 複雑な表組・その2
Prev : 画像 − <IMG> の属性
Up : 目次