・表
<TABLE BORDER="ピクセル数">・・・・</TABLE>
この二つのタグで、表を定義します。表中の各セル(項目)は<TD>・・</TD>で指定します。さらに、これを必要なセルの数だけ並べて、<TR>・・・</TR>で囲むと、横一列となります。この列を必要数並べると、複数行の表となります。
BORDERオプションは、枠の太さをピクセル数で指定するものです。デフォルトは1で、数値を大きくすれば太い枠の表となります。また、0と指定すると、枠が無くなり、各セルの項目が表形式で並ぶだけです。
例えば
<TABLE BORDER="2">
<TR><TD>セル1</TD><TD>セル2</TD><TD>セル3</TD></TR>
<TR><TD>セル4</TD><TD>セル5</TD><TD>セル6</TD></TR>
<TR><TD>セル7</TD><TD>セル8</TD><TD>セル9</TD></TR>
</TABLE>
と、ソースを書けば、
セル1 | セル2 | セル3 |
セル4 | セル5 | セル6 |
セル7 | セル8 | セル9 |
と表示されます
<TABLE ALIGN="位置の指定">・・・・・</TABLE>
表全体の表示位置を指定することができます。位置の指定として「left」とすれば左寄せ、「right」とすれば右寄せ、となります。
例えば
<TABLE BORDER="2" ALIGN="left">
<TR><TD>セル1</TD><TD>セル2</TD><TD>セル3</TD></TR>
<TR><TD>セル4</TD><TD>セル5</TD><TD>セル6</TD></TR>
<TR><TD>セル7</TD><TD>セル8</TD><TD>セル9</TD></TR>
</TABLE>
<TABLE BORDER="2" ALIGN="right">
<TR><TD>セル右1</TD><TD>セル右2</TD><TD>セル右3</TD></TR>
<TR><TD>セル右4</TD><TD>セル右5</TD><TD>セル右6</TD></TR>
<TR><TD>セル右7</TD><TD>セル右8</TD><TD>セル右9</TD></TR>
</TABLE>
と、ソースを書けば、
セル1 | セル2 | セル3 |
セル4 | セル5 | セル6 |
セル7 | セル8 | セル9 |
セル右1 | セル右2 | セル右3 |
セル右4 | セル右5 | セル右6 |
セル右7 | セル右8 | セル右9 |
と表示されます
<TD COLSPAN="列の数">・・</TD>
複数の列にまたがるセルを指定します。
例えば
<TABLE BORDER="2">
<TR><TD COLSPAN="3">セル長1</TD></TR>
<TR><TD>セル短2</TD><TD>セル短3</TD><TD>セル短4</TD></TR>
</TABLE>
と、ソースを書けば
と表示されます。
<TD ROWSPAN="行の数">・・</TD>
複数の行にまたがるセルを指定します。
<TABLE BORDER="2">
<TR><TD ROWSPAN="2">セル縦1</TD><TD>セル短2</TD><TD>セル短3</TD></TR>
<TR><TD>セル短4</TD><TD>セル短5</TD></TR>
</TABLE>
と、ソースを書けば
と表示されます。
<TD ALIGN="左右の位置" VALIGN=''上下の位置">・・</TD>
セル内のテキストの表示位置を指定します。
左右の位置は、「left, center, right 」で、左、中央、右、を指定し、
上下の位置は、「top, middle, bottom」で、上、中央、下、を指定します。
<TD BGCOLOR="色コード">・・</TD>
各セルの背景色の指定をします。前述の色コードで指定します。