表(テーブル)の細かい技だ |
---|
技に入る前にまず表の基本タグはこうだとします。
<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)テーブルの外枠の色指定 |
---|
テーブルの外枠に色を付けるタグはこうです。
<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ですね。こんなとこでテーブルタグの小技は終わりにしましょうか。