HTMLでの表の項目セルを示す

このタグは表を表示させる為の <TABLE>と</TABLE> の範囲内で使用します。

表の項目セルを<TH>と </TH>ではさんで指定します。

<TABLE BORDER>
<TR><TH>項目１</TH> <TH>項目２</TH><TH>項目３</TH></TR>
<TR><TD>DATA１</TD> <TD>DATA２</TD><TD>DATA３</TD></TR>
</TABLE>

項目１ 項目２ 項目３
DATA１ DATA２ DATA３


<TABLE BORDER>
<TR> <TH>項目１</TH> <TD>DATA１</TD><TD>DATA３</TD> </TR>
<TR> <TH>項目２</TH> <TD>DATA２</TD><TD>DATA４</TD> </TR>
</TABLE>

項目１ DATA１ DATA３
項目２ DATA２ DATA４

  1. 項目セル内の文字は強調文字で表示されます
  2. 項目セルの指定ではセル内文字の位置指定はできません

横セルをまたがるセルの指定と縦セルをまたがるセル

<TABLE BORDER >
<TR>
<TH COLSPAN=2>DATA1</TH> <TH>DATA2</TH>
</TR>
<TR>
<TR>
<TD>DATA3</TD>
<TD>DATA4</TD> <TD>DATA5</TD>
</TR>

DATA 1 DATA 2
DATA 3 DATA 4 DATA 5


<TABLE BORDER >
<TH ROWSPAN=2>DATA1</TH> <TD>DATA2</TD> <TD>DATA3</TD>
</TR>
<TR>
<TD>DATA4</TD> <TD>DATA5</TD>
</TR>

DATA 1 DATA 2 DATA 3
DATA 4 DATA 5

COLSPAN=とROWSPAN=で指定する数字はまたがるセル数です

もどる