表組を作成



<TABLE></TABLE>...テーブルの設定
BORDER...枠線の太さ
WIDTH...横幅指定(%及びピクセル数で指定)
HEIGHT...縦幅指定(%及びピクセル数で指定)
CELLSPACING...セル間罫線の太さ(ピクセル数で指定)
CELLPADDING...データとセル感覚の間隔(ピクセル数で指定)
BGCOLOR...セル内の背景色(16進法で指定)

<TR></TR>...横の段設定
ALIGN...データ左右表示位置(LFET,CENTER,RIGHTで指定)
VALIGN...データ上下表示位置(TOP,MIDDLE,BOTTOMで指定)
BGCOLOR...セル内の背景色(16進法で指定)

<TH></TH>,<TD></TD>...縦の段設定
ALIGN...データ左右表示位置(LFET,CENTER,RIGHTで指定)
VALIGN...データ上下表示位置(TOP,MIDDLE,BOTTOMで指定)
NOWRAP...セル内の改行禁止
BGCOLOR...セル内の背景色(16進法で指定)



表組作成のステップ

1.
表組を作成するにあたってまず必要となるのが、<TABLE>です。<TABLE>は、表組の全体の大きさを指定しています。これがないと表組が作成できません。

2.
次に必要なのが<TR>です。これは、横ラインの段を作成するタグで、3段の表組が必要であれば3つの<TR>タグが必要となります。

3.
最後に必要なのが<TD>タグです。<TR>で横ラインの段数を設定したら<TD>タグを入れた数だけ、縦ラインの「入れ子」が作成されます。
また、<TH>を使用すると、そのセル内の文字は強調され(太字になります)ます。

例:横3段、縦3段の表組
<tabel border=1>
<tr>
<td>1-1</td><td>1-2</td><td>1-3</td>
</tr>
<tr>
<td>2-1</td><td>2-2</td><td>2-3</td>
</tr>
<tr>
<td>3-1</td><td>3-2</td><td>3-3</td>
</tr>
</tabel>

実際の表示
1-1 1-2 1-3
2-1 2-2 2-3
3-1 3-2 3-3


例:横3段、縦3段 横幅を200ピクセルで固定した表組
<tabel border=1 width=200>
<tr>
<td>1-1</td><td>1-2</td><td>1-3</td>
</tr>
<tr>
<td>2-1</td><td>2-2</td><td>2-3</td>
</tr>
<tr>
<td>3-1</td><td>3-2</td><td>3-3</td>
</tr>
</tabel>

実際の表示
1-1 1-2 1-3
2-1 2-2 2-3
3-1 3-2 3-3


このような簡単な表組ならすぐ作成できますね、あとは応用しだいで、いろいろなパターンの表組が作成できるはずです。

以 上