|
<table border="1">
<td>
セル1
</td>
<td>
セル2
</td>
<tr>
<td>
セル3
</td>
<td>
セル4
</td>
</table>
+結果+
<table border="1" width="300">
<td>
セル1
</td>
<td>
セル2
</td>
<tr>
<td>
セル3
</td>
<td>
セル4
</td>
</table>
+結果+
<table border="1" width="300" height="100">
<td height="70">
セル1
</td>
<tr>
<td height="30">
セル2
</td>
</table>
+結果+
<table border="1" width="300">
<td colspan="2">横貫通セル</td>
<tr>
<td>小セル1</td>
<td>小セル2</td>
</table>
<br>
<table border="1" width="300">
<td rowspan="2">縦貫通セル</td>
<td>小セル1</td>
<tr>
<td>小セル2</td>
</table>
TD要素にrowspan属性(行)、colspan属性(列)をつけることで、 複数行、列にまたがるセルを作ることがきます。
+結果+
<table border="1" width="300" bgcolor="#FFFF99">
<td>
セル1
</td>
<td>
セル2
</td>
<tr>
<td>
セル3
</td>
<td>
セル4
</td>
</table>
+結果+
|
<table border="1" width="300" bordercolor="#ff0000">
<td>セル1
</td>
<td>セル2
</td>
<tr>
<td>セル3
</td>
<td>セル4
</td>
</table>
+結果+
【お買い物なら楽天市場!】 【話題の商品がなんでも揃う!】 【無料掲示板&ブログ】 【レンタルサーバー】
【AT-LINK 専用サーバ・サービス】 【ディックの30日間無利息キャッシング】
【1日5分の英会話】
| |