ホームページ作成

ホームページ作成講座(15)～tableタグ［4］

ホームページ作成講座15回目です。
引き続きtable関連のタグをご紹介。
表を作成する際に、セルを連結したい！という場合が出てくるかと思います。
そんなときに指定するのが、colspan、rowspanという属性です。
具体例としてはまず横方向に連結する場合は

<table border="1">
<tr>
<td colspan="3">テーマ</td>
</tr>
<tr>
<td>その一</td>
<tdその二</td>
<td>その三</td>
</tr>
</table>

このように連結したいセルに colspan="" の指定をします。
今の場合は3つ連結したいので、colspan="3" と指定します。
実際ブラウザ上で確認すると、

テーマ
その一	その二	その三

このように表示されます。
縦方向に連結させたい場合は、rowspan=""を指定します。

<table border="1">
<tr>
<td rowspan="3">テーマ</td>
<td>その一</td>
</tr>
<tr>
<td>その二</td>
</tr>
<tr>
<td>その三</td>
</tr>
</table>

これをブラウザ上で見てみると、

テーマ	その一
	その二
	その三

このように表示されます。