枠線を作る

枠線の基本（３×３）

• ソースコード

<table border="1" width="500">
<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>

• 枠線表示

１	２	３
４	５	６
７	８	９

rowspan を使う

• ソースコード

<!-- [ rowspan="2" ]で縦枠を２枠分つなげる -->
<table border="1" width="500">
<tr>
<td rowspan="2">１</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> ]の削除 -->
<table border="1" width="500">
<tr>
<td rowspan="2">１4</td><td>２</td><td>３</td>
</tr>
<tr>
<td>５</td><td>６</td>
</tr>
<tr>
<td>７</td><td>８</td><td>９</td>
</tr>
</table>

• 枠線表示

１4	２	３
	５	６
７	８	９

colspan を使う

• ソースコード

<!-- [ colspan="2" ]で横枠を２枠分つなげる -->
<table border="1" width="500">
<tr>
<td rowspan="2">１4</td><td>２</td><td>３</td>
</tr>
<tr>
<td colspan="2">５</td><td>６</td>
</tr>
<tr>
<td>７</td><td>８</td><td>９</td>
</tr>
</table>

• 枠線表示

１4	２	３
	５		６
７	８	９

• ソースコード

<!-- [ <td>６</td> ]の削除 -->
<table border="1" width="500">
<tr>
<td rowspan="2">１4</td><td>２</td><td>３</td>
</tr>
<tr>
<td colspan="2">５６</td>
</tr>
<tr>
<td>７</td><td>８</td><td>９</td>
</tr>
</table>

• 枠線表示

１4	２	３
	５６
７	８	９