How to | Twee HTML tabel cellen samenvoegen

Hoe voeg je twee of meer cellen samen in een HTML tabel?
Bij normaal gebruik van een tabel heb je voldoende aan de <TR> en <TD>, maar wat nou als je 2 of meer cellen wilt samenvoegen naar 1 cel.

In Excel weten we dat wel, maar HTML is geen Excel. In HTML gaat dat iets anders. Je maakt gebruik van het ‘Colspan‘ argument. Het resultaat is dan zoiets als hier onder :

 

Samengevoegde kolommen. Rij 1
Kolom 1 op rij 2 Kolom 2 op rij 2

Hieronder een voorbeeld van de code om een soortgelijk HTML tabel te maken zoals hierboven.
Het colspan argument is hier 2, omdat ik hier 2 cellen wil samenvoegen. Zijn dat er bijvoorbeeld 3 of 4? Dan zet je daar een 3 of 4 neer.
That’s it!

 


Heb je nog opmerkingen of vragen? Je kunt ze in de box hieronder of op het forum kwijt.