「colspan」と「rowspan」

 覚え方

Colspan =列: 「colspan」は列を水平に結合

コルスパン → 水平ストレッチ（→→→）

例: 1 つのセルを 4 列にまたがって拡張する場合　colspan="4"

<table border="1">
    <tr>
        <th colspan="4">colspan</th>
    </tr>
    <tr>
        <td>colspan</td>
        <td>colspan</td>
        <td>colspan</td>
        <td>colspan</td>
    </tr>
    <tr>
        <td>colspan</td>
        <td>colspan</td>
        <td>colspan</td>
        <td>colspan</td>
    </tr>
</table>

Rowspan =行: 「rowspan」は行を垂直に結合

行間 → 垂直ストレッチ（↓↓↓）

例: 1 つのセルを ３ 行にカバーする場合　rowspan="3"

<table border="1">
    <tr>
        <th rowspan="3">rowspan</th>
        <td>rowspan</td>
        <td>rowspan</td>
        <td>rowspan</td>
    </tr>
    <tr>
        <td>rowspan</td>
        <td>rowspan</td>
        <td>rowspan</td>
    </tr>
    <tr>
        <td>rowspan</td>
        <td>rowspan</td>
        <td>rowspan</td>
    </tr>
</table>