More than 5 years have passed since last update.

html table セルの結合

HTML
CSS

Posted at 2019-02-09

結論

td、th要素にcolspan属性、rowspan属性を指定する。

colspan：横に結合
rowspan：縦に結合

index.html

<table frame="box" border="1">
    <tr>
        <td colspan="3">セルの横結合</td>
        <td rowspan="2">セルの縦結合</td>
    </tr>
    <tr>
        <td>セル第一形態</td>
        <td>セル第二形態</td>
        <td>完全体</td>
    </tr>
</table>

You get articles that match your needs
You can efficiently read back useful information
You can use dark theme

What you can do with signing up