表(テーブル)の細かい技だ 



技に入る前にまず表の基本タグはこうだとします。



<table border=3>
  <tr>     <td>     テーブルだ     </td>   </tr>
</table>


もちろん結果はこうなります。


テーブルだ


この時点で、なんだこりゃ、全然わからんぞ、という方はこちらで今一度、表を理解して来て下さい。

OKの方は技というほどでもないですが、これより技に入ります。


 (1)テーブルのサイズ指定 


テーブルのサイズを変えるタグはこうです。



<table border=3 width=数字 height=数字>
  <tr>     <td>     テーブルだ     </td>   </tr>
</table>


<1>「width=数字」・・・テーブルの横幅の指定です。数字の部分はピクセル数か%で指定します。
<2>「height=数字」・・・テーブルの縦幅の指定です。数字の部分はピクセル数か%で指定します。


ちなみに「width=250」「height=50」の場合こうなります。


テーブルだ


OKですね。


 (2)テーブル内の文字の位置指定 


テーブルの中の文字の位置を変えるタグはこうです。



<table border=3 width=250 height=50>
  <tr>     <td align=位置 valign=位置>     テーブルだ     </td>   </tr>
</table>


<1>「align=位置」・・・テーブル内文字の水平方向の位置指定です。「left」で左寄り「center」で真ん中「right」で右寄りになります。

<2>「valign=位置」・・・テーブル内文字の垂直方向の位置指定です。「top」で上「middle」で真ん中「bottom」で下になります。


ちなみに「align=right」「valign=top」の場合こうなります。


テーブルだ


OKですね。


 (3)テーブルの背景色指定 


テーブルに色を付けるタグはこうです。



<table border=3 width=250 height=50>
  <tr>     <td bgcolor=色 align=right valign=top>     テーブルだ     </td>   </tr>
</table>


<1>「bgcolor=色」・・・テーブルの背景色の指定です。「色」の部分にカラーの番号を入れて下さい。


 色の表 


ちなみに黄色の番号「ffff00」の場合こうなります。


テーブルだ


OKですね。


 (4)テーブルの外枠の色指定 


<IE 専用です>


テーブルの外枠に色を付けるタグはこうです。



<table border=3 bordercolorlight=色 bordercolordark=色 width=250 height=50>
  <tr>     <td bgcolor=ffff00 align=right valign=top>     テーブルだ     </td>   </tr>
</table>


<1>「bordercolorlight=色」・・・テーブルの外枠の明るい部分の色指定です。「色」の部分にカラーの番号を入れて下さい。

<2>「bordercolordark=色」・・・テーブルの外枠の暗い部分の色指定です。「色」の部分にカラーの番号を入れて下さい。

<3>ちなみに外枠の色が一色でよい場合は「bordercolor=色」と一つだけ書けばOKです。


 色の表 


ちなみに明るい部分を水色、暗い部分を青にしてみます。番号は「00ffff」と「0000ff」です。


テーブルだ


OKですね。

こんなとこでテーブルタグの小技は終わりにしましょうか。