表の作成

１．基本的な表の作成

<TABLE BORDER="数字">.....</TABLE>: 表作成の基本となるタグで、この中に入れたものが表組みされます。

<TR>.....</TR>: このタグが横のラインである「行セル」を表現します。

<TD>.....</TD>: このタグが縦のラインである「列セル」を表現します。

１行目の１列目	１行目の２列目	１行目の３列目
２行目の１列目	２行目の２列目	２行目の３列目
３行目の１列目	３行目の２列目	３行目の３列目
４行目の１列目	４行目の２列目	４行目の３列目
５行目の１列目	５行目の２列目	５行目の３列目

上記の表の作成タグの書き方はこうです。

<TABLE BORDER=1>

<TR>
<TD>１行目の１列目</TD><TD>１行目の２列目</TD><TD>１行目の３列目</TD>
</TR>

<TR>
<TD>２行目の１列目</TD><TD>２行目の２列目</TD><TD>２行目の３列目</TD>
</TR>

<TR>
<TD>３行目の１列目</TD><TD>３行目の２列目</<TD><TD>３行目の３列目</TD>
</TR>

<TR>
<TD>４行目の１列目</TD><TD>４行目の２列目</<TD><TD>４行目の３列目</TD>
</TR>

<TR>
<TD>５行目の１列目</TD><TD>５行目の２列目</<TD><TD>５行目の３列目</TD>
</TR>

</TABLE>

<TH>.....</TH>: 表には通常、見出しを表すヘッダがあります。このヘッダを表すタグがこれで、ヘッダ部分の文字が強調されます。

ヘッダの１列目	ヘッダの２列目	ヘッダの３列目
１行目の１列目	１行目の２列目	１行目の３列目
２行目の１列目	２行目の２列目	２行目の３列目
３行目の１列目	３行目の２列目	３行目の３列目

上記の表の作成タグの書き方はこうです。

<TABLE BORDER=1>

<TR>
<TH>ヘッダの１列目</TH><TH>ヘッダの２列目</TH><TH>ヘッダの３列目</TH>
</TR>

<TR>
<TD>２行目の１列目</TD><TD>２行目の２列目</TD><TD>２行目の３列目</TD>
</TR>

<TR>
<TD>３行目の１列目</TD><TD>３行目の２列目</<TD><TD>３行目の３列目</TD>
</TR>

<TR>
<TD>４行目の１列目</TD><TD>４行目の２列目</<TD><TD>４行目の３列目</TD>
</TR>

<TABLE>

縦・横の両方にヘッダをつける

	ヘッダの１列目	ヘッダの２列目
ヘッダの１行目	１行目の１列目	１行目の２列目
ヘッダの２行目	２行目の１列目	２行目の２列目
ヘッダの３行目	３行目の１列目	３行目の２列目

上記の表の作成タグの書き方はこうです。

<TABLE BORDER=1>

<TR>
<TH></TH><TH>ヘッダの１列目</TH><TH>ヘッダの２列目</TH>
</TR>

<TR>
<TH>ヘッダの１行目</TH><TD>１行目の１列目</TD><TD>１行目の２列目</TD>
</TR>

<TR>
<TH>ヘッダの２行目</TH><TD>２行目の１列目</<TD><TD>２行目の２列目</TD>
</TR>

<TR>
<TH>ヘッダの３行目</TH><TD>３行目の１列目</<TD><TD>３行目の２列目</TD>
</TR>

<TABLE>

２．複数の項目にまたがるセル

縦にまたがるセルの作成
<TD ROWSPAN="またがる行数">.....</TD>
<TH ROWSPAN="またがる行数">.....</TH>

１	A	B
	C	D
	E	F
２	A	B
	C	D
	E	F

上記の表の作成タグの書き方はこうです。

<TABLE BORDER="1">

<TR>
<TD ROWSPAN="3">１</TD><TD>A</TD><TD>B</TD></TR>
<TR>
<TD>C</TD><TD>D</TD></TR>
<TR>
<TD>E</TD><TD>F</TD></TR>

<TR>
<TH ROWSPAN="3">２</TH><TD>A</TD><TD>B</TD></TR>
<TR>
<TD>C</TD><TD>D</TD></TR>
<TR>
<TD>E</TD><TD>F</TD></TR>

</TABLE>

横にまたがるセルの作成
<TD COLSPAN="またがる列数">.....</TD>
<TH COLSPAN="またがる列数">.....</TH>

２			４
１			３
A	B	C	A	B	C
D	E	F	F	E	F
A	B	C	A	B	C
D	E	F	D	E	F

上記の表の作成タグの書き方はこうです。

<TABLE BORDER="1">

<TR>
<TD COLSPAN="3">１</TD><TD COLSPAN="3">３</TD></TR>
<TR><TD>A</TD><TD>B</TD><TD>C</TD><TD>A</TD><TD>B</TD><TD>C</TD></TR>
<TR><TD>D</TD><TD>E</TD><TD>F</TD><TD>D</TD><TD>E</TD><TD>F</TD></TR>

<TR>
<TH COLSPAN="3">１</TH><TH COLSPAN="3">３</TH></TR>
<TR><TD>A</TD><TD>B</TD><TD>C</TD><TD>A</TD><TD>B</TD><TD>C</TD></TR>
<TR><TD>D</TD><TD>E</TD><TD>F</TD><TD>D</TD><TD>E</TD><TD>F</TD></TR>

</TABLE>