目次へ戻る

 
コラム7-5-9 タグのお勉強 <<表-2>>

について続きです。
下のように表の指定した場所(マス)ごとに色を変えることができます。。

例 枠あり
表作成 サンプル    いい   
枠あり テスト ああ    うう

例 枠なし
表作成 サンプル BB
枠なし TEST AA CC



<TD BGCOLOR=”#RRGGBB”>〜<TD> 

※RRGGBBには色の指定番号が入ります。
 詳しくはコラム7-5-1<<文字>>で解説しております。


例をみてみましょう。



<HTMLでは>

<表示させると>
<TABLE border="1">

<TR><TD BGCOLOR="#000099">1列目</TD></TR>
<TR><TD>2列目</TD></TR>

</TABLE>

1列目
2列目






続いてマスの大きさを指定するタグです。




<TD WIDTH=" " HEIGHT=" ">〜<TD>
 

※" "の中には数字が入ります。

WIDTH=" "  ・・・幅を指定
HEIGHT=" " ・・・高さを指定

同じ行・列で大きさの指定が違っている場合、一番大きい数字で統一されます。

例をみてみましょう。



<HTMLでは>

<表示させると>
<TABLE border="1">

<TR><TD WIDTH="50 " >1列目</TD></TR>
<TR><TD WIDTH="40 " HEIGHT="30">2列目</TD></TR>

</TABLE>

1列目
2列目
上記の例 2列目のよにサイズを指定しても意味がない場合があります。(WIDTH="40 ")
指定してもしなくても表示は同じですが、データ量が増えページが重くなるだけですので、
コピー&ペーストなどで大量に作った際には、こまめにいらない指定は消すことをお勧めいたします。


コラム7-5-8へ     コラム7-5-10へ

目次へ戻る