逆引きHTML-12.テーブル-27.セルの結合（行方向）

12. テーブル

12-27. セルの結合（行方向）

●タグ

<TD>

●構文

x	：行（横）方向に結合するセル数を指定します

●説明

テーブルの行（横）方向の複数のセルを結合するセル数を指定します。当然ですが、存在しないセルまでは結合できませんし、他の行のセル数と結合前のセル数との数合わせが必要です。

セルを結合するとは、セルとセルとの間の枠線（罫線）を消し、１つのセルとして扱うようにするものです。 Width属性を指定する場合は、結合したセル分の幅を指定しなければ思った通りのレイアウト表現が出来ない場合があります。複雑なテーブル作成には書かせない属性で、<TH>でも可能です。

●HTML4.0

TD要素

●サンプル

実際に表示

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 3.2 Final//EN"> <HTML> <HEAD> <META Http-Equiv="Content-Type" Content="text/html;charset=Shift_JIS"> <TITLE>セルの結合（行方向）</TITLE> </HEAD> <BODY> <TABLE Border=1 Cellpadiing=5> <TR> <TD>行１列１</TD> <TD>行１列２</TD> <TD>行１列３</TD> </TR> <TR> <TD Colspan=2>行２列１と行２列２の結合</TD> <TD>行２列３</TD> </TR> <TR> <TD Colspan=3>行３列１と行３列２と行３列３の結合</TD> </TR> </TABLE> </BODY> </HTML>

逆引きHTMLリファレンス

12. テーブル

12-27. セルの結合（行方向）