ゼロからはじめるホームページ作成
ホームページ作成講座 | ＨＴＭＬ講座 | スタイルシート講座 | ＨＴＭＬ辞典 | スタイルシート辞典 | ホームページ作成リンク | サイトマップ
HOME > HTML講座 > テーブル(表)を表示する(セルを連結する)

テーブル(表)を表示する(セルを連結する)

<td>でcolspan(横に連結)またはrowspan(縦に連結)に連結数を指定し、セルを連結することができます。

例･･･横に連結

<table border="1">
<tr><td colspan="2">横に連結</td></tr>
<tr><td>１つ目のセル</td><td>２つ目のセル</td></tr>
</table>

結果

横に連結
１つ目のセル２つ目のセル


例･･･縦に連結

<table border="1">
<tr><td rowspan="2">縦に連結</td><td>１つ目のセル</td></tr>
<tr><td>２つ目のセル</td></tr>
</table>

結果

縦に連結１つ目のセル
２つ目のセル


まとめ

  • <td>にcolspanでセルを横に連結する。
  • <td>にrowspanでセルを縦に連結する。

関連リンク
スポンサードリンク


Copyright© 2006-2008 ゼロからはじめるホームページ作成講座. All Rights Reserved.