<TR><TH> ... </TH> ...... <TH> ... </TH> </TR> | ||
<TR><TD> ... </TD> ...... <TD> ... </TD> </TR> | ||
: | ||
: | ||
: | ||
<TR><TD> ... </TD> ...... <TD> ... </TD> </TR> |
凝ったレイアウトのhtmlページを作成する場合に、DIVタグ(<DIV STYLE="position: absolute; top: 40px; left: 50px">など)を使用しないで、BORDER=0としてTABLEタグで工夫することもできます。
<TABLE BORDER="10">の例
140色の色の名前とRGB表示の表です。1行目には<TH>を使用して表の見出しにしているので、141行4列の表になっています。1列目は、<TD BGCOLOR="(RGB表示)">とすることで実際の色を表示しています。
<TABLE BORDER="0">の例
BORDER="0"とすると、表の罫線が表示されません。
<TABLE BGCOLOR="green" BORDER="0">の例
表の背景色を"green"にします。
<TABLE CELLSPACING="10" BGCOLOR="green" BORDER="2">の例
罫線を表示するためにBORDER="2"とし、表のセルの間の罫線の太さを10ピクセルにします。
CELLPADDINGの例
4枚の画像を表の各セルに表示して、CELLPADDING="10"又は"0"、CELLSPACIING="10"又は"0"、BORDER="10"又は"0"の場合にどのように変化するかを示します。
ROWSPAN、COLSPANの例
行を結合するときはROWSPANに結合する行数を指定します。列を結合するときはCOLSPANに結合する列数をしていします。
CAPTIONの例
CAPTIONタグを使うと表に見出しをつけることができます。<TABLE ALIGN="right">
で表の周りに文字を流れ込ませます。<TABLE ALIGN="right">
の後に、
<CAPTION ALIGN="bottom">引き出しの中から回収された紙くずやお菓子のカラ。ごみ袋2つ分もありました。</CAPTION>
と挿入すると、表の下に見出しとして「引き出しの中から回収された紙くずやお菓子のカラ。ごみ袋2つ分もありました。」が表示されます。