エンジニアのひよこ_level10

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

【HTML】tableタグのセルを横に結合する方法。colspan【903日目】

セルを結合したい

HTMLのセルを結合したい。

例えば、姓名でセルが分かれてるときに、タイトルを『名前』として一つにまとめたい。

colspan

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

colspanで、結合するセル数を指定。

これで、2つのthがセル結合されて、1つの名前というセルになりました。