ホームページ作成(表を使いたい)
無料!発信中!メール情報誌!

ホームページ作成しよう!
HTML〜スタイルシート

ホームページ作成TOP > テーブル > セルを横に結合する

セルを横に結合する

複数のセル同士を横方向に結合する方法です。

また、横方向の結合ではなく縦方向に結合したい場合にはテーブル > セルを縦に結合するを参照して下さい。

sample
見出見出
項目セル項目セル

↓ 『見出』を結合 ↓

見出
項目セル項目セル
HTML colspan="数"

セルを横方向に結合するには、<th>や<td>に対してcolspan="数"を適用して結合します。

『数』は結合したいセルの数になります。

指定したセルから右方向に結合され、結合される側のセルは削除する事になります。

よって、サンプルの場合には見出を表す<th>〜</th>2組ではなく、1組になります。

書き方は

<table border="1" width="200">
<th colspan="2">見出</th></tr>
<td>項目セル</td><td>項目セル</td></tr>
</table>
こうなります
IE7
IE
Firefox
Opera

ホームページ作成TOP > テーブル > セルを横に結合する > このページのTOP ▲

対応はありません。

ホームページ作成TOP > テーブル > セルを横に結合する > このページのTOP ▲