簡単テーブル１
テーブルのつくりかた １
【基本】
<TABLE>
<tr>
<td>ここに文字
</td>
</tr>
</TABLE>
<TABLE>の後ろにつけるタグは下記のとおりです。
お好みでつけてみてください ♥
BGCOLOR="#カラーコード" 背景色
BORDERCOLOR="#カラーコード" 外枠の色
BACKGROUND="画像のアドレス" 背景に画像
BORDER="ここに数字" 外枠の太さ
お好みでつけてみてください ♥
BGCOLOR="#カラーコード" 背景色
BORDERCOLOR="#カラーコード" 外枠の色
BACKGROUND="画像のアドレス" 背景に画像
BORDER="ここに数字" 外枠の太さ
テーブルの種類
| 文字１ | 文字２ | 文字３ |
<table border=外枠の太さ bordercolor=#外枠の色;<tr><td>文字１</td><td>文字２</td><td>文字３</td></tr></table>
| 文字１ | 文字２ | 文字３ |
|---|---|---|
|
文字４
|
文字５ | 文字６ |
|
文字７
|
文字８ | 文字９ |
<table border=外枠の太さ bordercolor=#外枠の色><tr><td>文字１</td><td>文字２</td>
<td>文字３</td> </tr><tr><td>文字４</td><td>文字５</td><td>文字６</td> </tr><tr><td>文字７</td><td>文字８</td><td>文字９</td></tr></table>
<td>文字３</td> </tr><tr><td>文字４</td><td>文字５</td><td>文字６</td> </tr><tr><td>文字７</td><td>文字８</td><td>文字９</td></tr></table>
Pink Angel１
ピンクエンジェル２
ぴんくえんじぇる３
<table border="1"><tr><td rowspan="2">文字１</td><td>文字２</td></tr><tr><td>文字３</td></tr></table>
楽天ブログ１
Pink Angel２
ピンクエンジェル３
ぴんくえんじぇる４
<table border="1"><tr><td colspan="2">文字１</td></tr><tr><td rowspan="2">文字２</td><td>文字３</td></tr><tr><td>文字４</td></tr></table>
ｩ テーブルを２つ並べる ｩ
１のテーブル
２のテーブル
<table><tbody><tr><td> <table border="1"><tbody> <tr><td>１のテーブル</td></tr> </tbody></table> <table><tbody><tr><td> <table border="1"><tbody> <tr><td>２のテーブル</td></tr> </tbody></table>
ｩ テーブルの背景色を指定 ｩ
お好きな色をどうぞ
<table border="1" bgcolor="#背景色"><tbody><tr><td>ここに文字</td></tr></tbody></table>
ｩ テーブルの枠を消す ｩ
テーブルの枠が消えました
<table><tbody><tr><td>ここに文字</td></tr></tbody></table>
ｩ テーブルの背景色をつけて枠を消す ｩ
テーブルの背景に色がついて枠がありません
<table bgcolor="#FFD1E4"><tbody><tr><td>ここに文字</td></tr></tbody></table>
© Rakuten Group, Inc.
