【HTML入門】colspanを使って表セルを横に結合してみよう！ | プログラミング教室情報サイト【プロナビ】

テーブルのセルは通常格子状に並んでいます。しかし同じ内容が入っているセルはまとめて結合すると、Excelで作った表のようになって見やすくなります。セルを縦に結合するにはrowspan属性を、横に結合するにはcolspan属性を指定します。ここではcolspan属性を説明します。 セルを横に結合するには テーブルは隣り合うセルを結合して、1つのセルにすることができます。セルを連結するとも言います。 横方向に隣り合うセルの内容が同じであれば、結合の一番左になるセルのtd要素またはth要素にcolspan属性を指定します。 たとえば、<td colspan=”2″>…</th>という形です。 結合するセルの数を指定する colspan属性では結合したいセルの数を数値で指定します。上の例では”2″になっていますが、任意の数のセルを結合することができます。ただし指定できるのは”2″以上の数字のみです