テーブルを作る
テーブルの作り方
楽天市場
説明
表を作り
ます
コピペ
<table
border="1">
<tr>
<td>
楽天市場<br>
</td>
</tr>
</table>
<tr>
<td>
楽天市場<br>
</td>
</tr>
</table>
たくさんのテーブルを作る
| １×１ | ２×１ | ３×１ |
| １×２ | ２×２ | ２×３ |
| １×３ | ２×３ | ３×３ |
説明
たくさん
のテーブルを作ります
コピペ
<table
border="1">
<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>
<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>
枠をけす
楽天市場
説明
テーブル
の枠を消します
コピペ
<table border="0"
>
<tr>
<td>
楽天市場<br>
</td>
</tr>
</table>
<tr>
<td>
楽天市場<br>
</td>
</tr>
</table>
テーブルのサイズを決める
楽天市場
説明
テーブル
のサイズを決めます （pxを％にかえることも可能）
コピペ
<table width="横px" height="縦px"
border="1">
<tr>
<td>
楽天市場
</td>
</tr>
</table>
<tr>
<td>
楽天市場
</td>
</tr>
</table>
テーブルの位置を指定
| left |
||
| |
||
| |
説明
テーブル
の位置を決めます
コピペ
<table
width="100px" height="10px" border="1" align="left"
>
<tr>
<td>
左によります
</td>
</tr>
</table>
<tr>
<td>
左によります
</td>
</tr>
</table>
テーブルの背景色をかえる
楽天市場
説明
背景の色
を変えます
コピペ
<table
width="100px" border="1" bgcolor="#ffcccc"
>
<tr>
<td>
楽天市場
</td>
</tr>
</table>
<tr>
<td>
楽天市場
</td>
</tr>
</table>
それぞれに違う色をつける
説明
別々に背
景色を決めることができます
コピペ
<table
width="200px" border="1">
<tr>
<td bgcolor="#000000" ></td><td bgcolor="#ffffff" ></td>
</tr>
</table>
<tr>
<td bgcolor="#000000" ></td><td bgcolor="#ffffff" ></td>
</tr>
</table>
背景に画像をつかう
♤ ♤
♤ ♤
説明
背景に画
像を表示することができます
コピペ
<table
width="100px" border="1" ｂackground="画像の場所">
<tr>
<td>
楽天市場
</td>
</tr>
</table>
<tr>
<td>
楽天市場
</td>
</tr>
</table>
セルを結合する（横）
１×１
２×１
３×
１
結合
１×３
２×３
３×
３
説明
一部分を
結合することができます
コピペ
<table
width="300px" border="1">
<tr><td>１×１</td><td>２×１</td><td>３× １</td> </tr>
<td colspan="3">横３つ結合</td>
<tr><td>１×３</td><td>２×３</td><td>３× ３</td> </tr>
</table>
<tr><td>１×１</td><td>２×１</td><td>３× １</td> </tr>
<td colspan="3">横３つ結合</td>
<tr><td>１×３</td><td>２×３</td><td>３× ３</td> </tr>
</table>
セルを結合する（縦）
１×１
結合
３×１
１×２
３
×２
１×３
３×３
説明
一部分を
結合することができます
コピペ
<table
width="300px" border="1">
<tr><td>１×１</td><td>縦３つ結合</td><td>３× １</td></tr>
<tr><td>１×２ </td><td>３×２</td></tr>
<tr><td>１×３</td><td>３×３</td></tr>
</table>
<tr><td>１×１</td><td>縦３つ結合</td><td>３× １</td></tr>
<tr><td>１×２ </td><td>３×２</td></tr>
<tr><td>１×３</td><td>３×３</td></tr>
</table>
© Rakuten Group, Inc.
