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

<td colspan=””>

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

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

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

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

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

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

created by Rinker

SBクリエイティブ

¥2,486 (2020/10/05 12:01:23時点 Amazon調べ-詳細)

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