9.1 簡単な表、関連タグ
 まずは、単純な表の作り方です。ページを見ている中で、下の例のようなものを見たことがあると思います。
 
セル1
セル2
セル3
セル4
セル5
セル6
 
 これは、通称テーブル(以下、を記載)と呼ばれるものです。そして、一つ一つの枠をセルといいます。

 表を使う場合は、<TABLE>〜</TABLE>タグと、それに関連する<TR>〜</TR>タグ、<TD>〜</TD>タグを使用して作るのですが、まず、それぞれのタグの意味について簡単に説明します。
表の開始と終了

<TABLE>〜</TABLE>
 表の開始と終了の指定をします。
行の開始と終了

<TR>〜</TR>
 表中の行の開始と終了の指定で<TABLE>〜</TABLE>の間に書きます。複数の行があるときは、<TR>〜</TR><TR>〜</TR>…と、行の数だけ指定します。
セルの開始と終了

<TD>〜</TD>
 表中のセルの開始と終了の指定で<TR>〜</TR>の間に書きます。セルが複数あるときは、<TD>〜</TD><TD>〜</TD>・・・・・と、セルの数だけ指定します。
表の作成例
 以下は<TABLE>〜</TABLE><TR>〜</TR><TD>〜</TD>の使用例です。

<HTML>

<HEAD>
<TITLE>
表の例
</TITLE>
</HEAD>

<BODY TEXT="#000000" BGCOLOR="#FFFFFF">

<TABLE BORDER=4 CELLPADDING=6 CELLSPACING=6>

<TR>
<TD>セル1<BR></TD><TD>セル2<BR></TD><TD>セル3<BR></TD>
</TR>

<TR>
<TD>セル4<BR></TD><TD>セル5<BR></TD><TD>セル6<BR></TD>
</TR>

</TABLE>

</BODY>
</HTML>
 ※CELLPADDINGCELLSPACINGBORDERについては別途説明

 このソースをブラウザで表示するときはココをクリック。ソースとブラウザでの表示を見比べてください。
Copyright(C) 1999-2006 結城圭介。 All rights reserved