ゼロからはじめるホームページ作成 
HOME > HTML講座 > テーブル(表)を表示する(セルを連結する)

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

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

例・・・横に連結

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

結果

横に連結
1つ目のセル2つ目のセル


例・・・縦に連結

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

結果

縦に連結1つ目のセル
2つ目のセル


まとめ

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


HTML講座

初心者講座

スポンサードリンク

HTML辞典

ページ
テキスト
文字
リスト
イメージ
リンク
テーブル
フレーム



Copyright© ゼロからはじめるホームページ作成講座 All Rights Reserved.  サイトマップ