エンジニアのひよこ_level10

【毎日更新!】新卒4年目エンジニアブログです!

【HTML】tableタグのセルを縦に結合する方法。rowspan【904日目】

テーブルのセル結合をしたい

セルを結合したい。

前回は横に結合したが、縦に結合するにはどうしたらいいか。
名前は予想出来るが、どう動作するのか

rowspan

rowspan="2"で、パラメータをつけたタグの『下のセルと結合』します。

<table>
  <tr>
    <th colspan="2">名前</th>
  </tr>
  <tr>
    <td>名字</td>
    <td>名前</td>
  </tr>
  <tr>
    <td rowspan="2">名字</td>
    <td>名前</td>
  </tr>
  <tr>
    <td>名前</td>
  </tr>
</table>

f:id:willow710kut:20200404181424p:plain

こんな感じになりますφ(・