Tabel

Om een tabel te maken in HTML, gebruik je de <table>-tag. Binnen de <table>-tag kun je rijen maken met de <tr>-tag (table row) en cellen binnen die rijen met de <td>-tag (table data). Voor de cellen in de hoofding van een tabel is er een aparte tag voorzien: th (table header).

Bijvoorbeeld:

<table>
    <tr>
        <th>Hoofding 1, Cel 1</th>
        <th>Hoofding 2, Cel 2</th>
    </tr>
    <tr>
        <td>Rij 1, Cel 1</td>
        <td>Rij 1, Cel 2</td>
    </tr>
    <tr>
        <td>Rij 2, Cel 1</td>
        <td>Rij 2, Cel 2</td>
    </tr>
</table>

Dit creƫert een tabel met een hoofding, twee rijen en twee cellen per rij. Standaard staan er geen tabelranden, dat moet je later zelf toevoegen met CSS.

Tabel met drie rijen en twee kolommen

Samenvatting

Begintag Eindtag Afkomst Betekenis
<table> </table> table Tabel
<tr> </tr> table row Rij in een tabel
<th> </th> table header Hoofding in een tabel (meestel in automatisch in andere opmaak)
<td> </td> table data Cel met informatie in een tabel