ホームページ作成 HTMLタグ集 表タグ

<TABLE>、<TR>、<TD>、<CAPTION>

表は以下のように作成する。

<TABLE BORDER="1" ALIGN="CENTER">
<CAPTION ALIGN="TOP">今週の残業予定</CAPTION>
<TR ALIGN="RIGHT" VALIGN="TOP">
<TD ALIGN="CENTER">日付</TD>
<TD>3/16</TD>
<TD>3/17</TD>
<TD>3/18</TD>
<TD>3/19</TD>
<TD>3/20</TD>
</TR>
<TR ALIGN="RIGHT" VALIGN="TOP">
<TD ALIGN="CENTER">残業時間</TD>
<TD>2</TD>
<TD>2</TD>
<TD>2</TD>
<TD>2</TD>
<TD>0</TD>
</TR>
</TABLE>

・<TABLE>

 表の定義をする。

<TABLE BORDER="1" ALIGN="CENTER">〜</TABLE>で表の枠の太さ、表の位置を決める。
BORDER="1"で枠の太さ、
ALIGN="CENTER"で表の位置
を決める。

・<TR>
 行の定義をする。

<TR ALIGN="RIGHT" VALIGN="TOP">〜</TR>で行の設定を行う。
この行ではセルでの文字の位置は右揃え、上揃えと設定する。
デフォルトは左揃え、中央揃え。
行を追加したい場合は、<TR>〜</TR>を追加していく。

・<TD>
 列(セル)の定義をする。

<TD ALIGN="CENTER">残業時間</TD>
ここで一つのセルの設定ができる。ALIGN="CENTER"とすれば、このセルだけ、文章を中央揃えにできる。
何も設定しなければ、デフォルト値、あるいは<TR>で設定したものとなる。
列を追加したい場合は、<TD>〜</TD>を追加していく。

・<CAPTION>
 表に表題をつける。

<CAPTION ALIGN="TOP">今週の残業予定</CAPTION>
ALIGN="TOP" or ALIGN="BOTTOM"で表の上か下かに表題をつけられる。

実践!ホームページ作成TOP