HTMLでの表の表示方法

ＷＷＷのページに表を書くことができます。

表を表示させる為には、<TABLE>と</TABLE> の範囲で表組をおこないます。

表を実際に組み立てる為には
<TR>(表の行を指定)
<TH>(表の項目セルの指定)
<TD>(表のデータセルの指定)
を使って表の構成を組み立てます。
<TABLE>だけでは線は実際に表示されません。 ただし、データをきれいに並べる事ができます。

<TABLE>
<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>をつかいます。

<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４

線の太さの指定

外枠の太さの指定
<TABLE BORDER=10>
<TD> DATA 1 </TD> <TD> DATA 2 </TD> <TD> DATA 2 </TD>
</TABLE>

DATA 1 DATA 2 DATA 2

表の太さの指定
<TABLE BORDER CELLSPACING=10>
<TD> DATA 1 </TD> <TD> DATA 2 </TD> <TD> DATA 2 </TD>
</TABLE>

DATA 1 DATA 2 DATA 2

線と文字の間隔
<TABLE BORDER CELLPADDING=10>
<TD> DATA 1 </TD> <TD> DATA 2 </TD> <TD> DATA 2 </TD>
</TABLE>

DATA 1 DATA 2 DATA 2

セルの横幅と縦幅
<TABLE BORDER WIDTH=50>
<TD> DATA 1 </TD> <TD> DATA 2 </TD> <TD> DATA 2 </TD>
</TABLE>

<TABLE BORDER WIDTH=50%>
<TD> DATA 1 </TD> <TD> DATA 2 </TD> <TD> DATA 2 </TD>
</TABLE>

DATA 1 DATA 2 DATA 2

DATA 1 DATA 2 DATA 2

%は表示画面内の_％を使って表を表示する事を表します。


<TABLE BORDER HEIGHT=50>
<TD> DATA 1 </TD> <TD> DATA 2 </TD> <TD> DATA 2 </TD>
</TABLE>

<TABLE BORDER HEIGHT=50%>
<TD> DATA 1 </TD> <TD> DATA 2 </TD> <TD> DATA 2 </TD>
</TABLE>

DATA 1 DATA 2 DATA 2

DATA 1 DATA 2 DATA 2


もどる