エンジニアのひよこ_level10

毎日更新してた人。たまに記事書きます。

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

セルを結合したい

HTMLのセルを結合したい。

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

colspan

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

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

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