HTML & CSS - セルを縦方向・横方向に結合する

セルを縦方向・横方向に結合する

セルを縦方向に結合するには、th / td 要素の中に rowspan 属性を指定します。rowspan 属性の値は、縦方向に結合するセルの数を指定します。

<table>
  
    <tr>
      <td rowspan="2"> 見出しセル </td>
      <td> データセル </td>
    </tr>
  
    <tr>
      <td> データセル </td>
    </tr>
    
</table>

セルを横方向に結合するには、th / td 要素の中に colspan 属性を指定します。colspan 属性の値は、横方向に結合するセルの数を指定します。

<table>

    <tr>
      <td colspan="2"> 見出しセル </td>
    </tr>

    <tr>
      <td> データセル </td>
      <td> データセル </td>
    </tr>
  
</table>