HTMLでの表のデータ セルを示す

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


データセルの先を<TD>で指定し データセルの最後で</TD>を指定します。

<TABLE BORDER>
<TD>DATA1</TD> <TD>DATA2</TD><TD>DATA3</TD>
</TABLE>

DATA1 DATA2 DATA3


セル中の文字揃えと行揃え

<TABLE BORDER WIDTH=60%>
<TR>
<TH>項目1</TH> <TH>項目2</TH><TH>項目3</TH>
</TR>

<TR>
<TD ALIGN=LEFT>DATA1</TD>
<TD ALIGN=CENTER>
DATA2</TD>
<TD ALIGN=RIGHT>
DATA3</TD>
</TR>

<TR>
<TD ALIGN=LEFT>DATA<BR>4</TD>
<TD ALIGN=CENTER>
DATA<BR>5</TD>
<TD ALIGN=RIGHT>
DATA<BR>6</TD>
</TR>

</TABLE>

項目1 項目2 項目3
DATA1 DATA2 DATA3
DATA
4
DATA
5
DATA
6


<TABLE BORDER WIDTH=60% HEIGHT=60%>
<TR>
<TH>項目1</TH> <TH>項目2</TH><TH>項目3</TH>
</TR>

<TR>
<TD ALIGN=LEFT VALIGN=TOP>DATA1</TD>
<TD ALIGN=CENTER VALIGN=MIDDLE>
DATA2</TD>
<TD ALIGN=RIGHT VALIGN=BOTTOM>
DATA3</TD>
</TR>

<TR ALIGN=CNTER>
<TD VALIGN=TOP>DATA4</TD>
<TD VALIGN=MIDDLE>
DATA5</TD>
<TD VALIGN=BOTTOM>
DATA6</TD>
</TR>

<TR ALIGN=RIGHT>
<TD VALIGN=TOP>DATA7</TD>
<TD VALIGN=MIDDLE>
DATA8</TD>
<TD VALIGN=BOTTOM>
DATA9</TD>
</TR>

</TABLE>

項目1 項目2 項目3
DATA1 DATA2 DATA3
DATA4 DATA5 DATA6
DATA7 DATA8 DATA9


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

<TABLE BORDER >
<TD>DATA1</TD> <TD>DATA2</TD> <TD>DATA3</TD>
</TR>

<TR>
<TD COLSPAN=2>DATA4</TD> <TD>DATA5</TD>
</TR>

DATA 1 DATA 2 DATA 3
DATA 4 DATA 5


<TABLE BORDER >
<TD ROWSPAN=2>DATA1</TD> <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=で指定する数字はまたがるセル数です


もどる