HTML - タグ - 講座 - 入門 - ホームページ - ビギナーズガイド - 初心者 

結合

質問があればお気軽に質問掲示板に質問してくださいね。

<td rowspan="数値" colspan="数値"
　数値 = 結合したいセルの数

rowspan　・・・　縦結合
colspan　・・・　横結合


本来テーブルでは、１回列を２回定義したら
次の行も列は２つに自動的になってしまいます。
つまり、セルを結合しなければ下のようなテーブルはできません。

アハハ イヒヒ
ウフフ


ソース
<table cellspacing="1" cellpadding="10" bgcolor="#666666">
<tr>
<td bgcolor="#ffffff">アハハ</td>
<td bgcolor="#ffffff">イヒヒ</td>
</tr>
<tr>
<td colspan="2" bgcolor="#ffffff">ウフフ</td>
</td>
</table>


上のテーブルは本来できるはずのセル（２行目２列目）を
２行目の１列目のセルの部分と結合させているので
上のようなテーブルになりました。

アハハ イヒヒ
ウフフ


ソース
<table cellspacing="1" cellpadding="10" bgcolor="#666666">
<tr>
<td bgcolor="#ffffff">アハハ</td>
<td rowspan="2" bgcolor="#ffffff">イヒヒ</td>
</tr>
<tr>
<td bgcolor="#ffffff">ウフフ</td>
</td>
</table>


このテーブルは本来、下にできるはずのセル（２行目２列目）を
１行目の２列目のセルの部分と結合させているので
上のようなテーブルになりました。