表−１

では、今回は、 表をつくってみるなり。
表をあらわすタグの <TABLE BORDER>と </TABLE> ではさまれた部分が、表と認識されるなり。
枠線や罫線など、線のない表の場合は、 <TABLE>と </TABLE>になるなり。
「BOADER」 の文字がなくなるなりね。

次、表の内容は、左上から右下へむかって、順に記入していくなり。
つまり、下の例で見ると、０１〜１２まで、数字の順になるなり。

では、 上の表をつくってみるなり。
上の表では、合計１２個のマスがあるなりね？
まず、ひとつひとつのマスの内容を、 <TD>〜 </TD> で、はさむなり。
つまり、マスの数だけ、 <TD>〜 </TD> があるってことなり。

次、１行づつを、 <TR>〜 </TR> で、はさむなり。
つまり、行の数だけ、 <TR>〜 </TR> があるってことなり。


<TABLE BORDER>
<TR> <TD> ０１ </TD> <TD> ０２ </TD> <TD> ０３ </TD> <TD> ０４ </TD> </TR>
<TR> <TD> ０５ </TD> <TD> ０６ </TD> <TD> ０７ </TD> <TD> ０８ </TD> </TR>
<TR> <TD> ０９ </TD> <TD> １０ </TD> <TD> １１ </TD> <TD> １２ </TD> </TR>
</TABLE>


これが、基本になるなり。
ちなみに、はじめの <TABLE BORDER>を <TABLE>に変えると、
下のような枠線のない表になるなり。

表の項目名などを入れる場合は、 <TD>〜 </TD> のところを、 <TH>〜 </TH> に変えるなり。
そうすると、そのマスの文字は、太字になるなり。
上の枠つきの表で、 ０１から０４を項目名に指定してみる と、下のようになるなり。

<TABLE BORDER>
<TR> <TH> ０１ </TH> <TH> ０２ </TH> <TH> ０３ </TH> <TH> ０４ </TH> </TR>
<TR> <TD>０５</TD> <TD>０６</TD> <TD>０７</TD> <TD>０８</TD> </TR>
<TR> <TD>０９</TD> <TD>１０</TD> <TD>１１</TD> <TD>１２</TD> </TR>
</TABLE>


表の枠のなかには、文字だけじゃなく、画像もいれれるなり。
やりかたは、基本といっしょなり。
<TD>〜 </TD> のあいだに、画像を表示するタグの <IMG SRC="画像ファイル名 "> を、いれるなり。
ふつうに画像を表示する時と同じように、画像のサイズや名前も、指定できるなり。

では、下の２つの画像を使って、 表に画像をいれるなり。

okan.gif	ribon.gif

<TABLE BORDER>
<TR>
<TD>↓おうかん</TD>
<TD> <IMG SRC="ribon.gif" WIDTH="32" HEIGHT="32" ALT="りぼん"> </TD>
</TR>
<TR>
<TD> <IMG SRC="oukan.gif" WIDTH="32" HEIGHT="32" ALT="おうかん"> </TD>
<TD>↑りぼん</TD>
</TR>
</TABLE>


これは、下のような表になるなり。

↓おうかん
	↑りぼん

ちゃんとできたなり？
うまく表示されないときは、何かが抜けてるってことなり。
んで、各行のマスの数はきちんとあわせないとだめなりよ。
つまり、<TR>〜</TR> のなかにある <TD>〜</TD> の数は、各行とも、同じってことなり。
よく </TR> のタグを忘れてしまいがちになるんで、気をつけるなるねー。

次回は、表のもちょっと詳しい使い方を説明するなり。
それまでに、基本をばっちり覚えとくなり。じゃねー。