このサイトついて

このサイトではホームページを
作りたいという方のために、
HTML・CSSの解説
便利なソフト・本などの紹介
レンタルサーバの紹介
などを行っています。

セルを連結したい

対応ブラウザ

使用するタグ：<td rowspan="■">～</td>など

セルを連結したい場合は
<td ■>～</td>で設定します。
■には縦方向ならrowspan="連結するセル数"
横方向ならcolspan="連結するセル数"を記述します

例

HTMLソース

<table border="3" cellspacing="0" cellpadding="0">
<tr><th>曜日</th><th>クラス</th></tr>
<tr><td>月曜</td><td rowspan="3">入門クラス</td></tr>
<tr><td>水曜</td></tr>
<tr><td>土曜</td></tr>
</table>

<table border="3" cellspacing="0" cellpadding="0">
<tr><th>曜日</th><th>クラス</th></tr>
<tr><td>月曜</td><td>入門クラス</td></tr>
<tr><td>水曜</td><td>基礎クラス</td></tr>
<tr><td colspan="2">終了</td></tr>
　</table>

↓

曜日	クラス
月曜	入門クラス
水曜
土曜

曜日	クラス
月曜	入門クラス
水曜	基礎クラス
終了

戻る

このサイトついて

SPONSORED LINK

セルを連結したい