ray88’s diary

お仕事で困ったとき用の自分用の覚書

HTML テーブルに使用する要素②

■colspan属性:横方向にマスを連結する場合に使用する。
■rowspan属性:縦方向にマスを連結する場合に使用する。
■colspan属性、rowspan属性はともにtd要素の属性であることに注意する。

<!DOCTYPE html>
<html>
    <head>
        <meta charset="UTF-8">
    </head>
    <body>
        <h2>colspanとrowspan</h2>
        <table border="1">
            <tr>
                <td>1</td>
                <td colspan="2">2</td>
            </tr>
            <tr>
                <td>3</td>
                <td rowspan="2">4</td>
                <td>5</td>
            </tr>
            <tr>
                <td>6</td>
                <td>7</td>
            </tr>
        </table>
    </body>
</html>

f:id:ray88:20200510174542p:plain