セルの結合サンプル

TOP > HTMLサンプル集（テーブルに関するタグのサンプル集） > セルの結合サンプル

このサンプルでは、行や列のセルを結合する方法をデモンストレーションします。

※このサンプルは、javascriptがONになっていないと動作しません

HTMLサンプル編集フィールド
HTMLソースコードをあなた自身で編集することができます。
<html> <body> <h4>2つの列を結合したセル</h4> <table border="1"> <tr> <th>名前</th> <th colspan="2">電話番号</th> </tr><tr> <td>山田太郎</td> <td>01-2345-6789</td> <td>01-2345-9876</td> </tr> </table> <h4>2つの行を結合したセル</h4> <table border="1"> <tr> <th>名前</th> <td>山田太郎</td> </tr> <tr> <th rowspan="2">電話番号</th> <td>01-2345-6789</td> </tr><tr> <td>01-2345-9876</td> </tr> </table> </body> </html>

HTMLリアルタイム表示結果
編集されたHTMLソースコードの結果をリアルタイムで表示します。