HTML教室
表を描きたい

表を描くには<TABLE><TR><TH><TD>タグを使います。

表を書くにはまず、<TABLE>タグで表の定義をします。
そして、そのタグの中に、<TR>タグで行を定義します。
そして、その行の中に<TH><TD>タグを使い列を定義します。

つまり、基本型としては、以下のようになります。
記述方法表示イメージ
<TABLE BORDER=1>
<TR>
<TD>
あいうえお </TD>
</TR>
</TABLE>
あいうえお

これでは、わからないですね、列を2行にするとこうなります。
記述方法表示イメージ
<TABLE BORDER=1>
<TR>
<TD>
あいうえお </TD>
<TD>
かきくけこ </TD>
</TR>
</TABLE>
あいうえおかきこけこ

TDのタグが2回出てきています。これにより列が2つになったのです。

では、さらに行を増やしてみましょう
記述方法表示イメージ
<TABLE BORDER=1>
<TR>
<TD>
あいうえお </TD>
<TD>
かきくけこ </TD>
</TR>
<TR>
<TD>
さしすせそ </TD>
<TD>
たちつてと </TD>
</TR>
</TABLE>
あいうえおかきこけこ
さしすせそたちつてと

TRのタグが2回出てきています。これにより行が2つになったのです。

つまり、行を増やしたければ、その回数分だけ<TR>タグを使用し、列を増やしたければ<TD>を使用するのです。
<TD>タグを<TH>タグに変えると、その場所は見出しという扱いになり、文字列を表示する時に自動的に太字の指定が付加されます。


[HTML教室に戻る] [TOPに戻る]
© 1997-2003 Rohdea All rights reserved.