縦方向にテーブルのセルを結合する

<td rowspan=””>

表のセルは横方向や縦方向に結合して表示することが可能です。縦方向でセルを結合するには結合を開始したい<td>タグに「rowspan=””」という属性を追加して、その結合数を指定します。従って、記入する値は「2以上」の数字です。

<table>
<tr>
<td rowspan=”2″>結合されたセル</td>
<td>右上のセル</td>
</tr>
<tr>
<td>右下のセル</td>
</tr>
</table>

結合されたセル	右上のセル
	右下のセル

※分かりやすくするために枠を表示しています。

つながれたセルは一つのセルとして認識されますので、結合分だけ記述する<td>タグの数が減ります。

WEB制作支援サイトのHTMLタグボードだからオススメできる厳選書籍です。私が読んでいない本はオススメしません。

created by Rinker

SBクリエイティブ

¥2,486 (2023/04/20 13:25:19時点 Amazon調べ-詳細)

最新情報をチェックしよう！