Om een tabel te maken in HTML, gebruik je de <table>-tag. Binnen de <table>-tag gebruik je voor elke rij de <tr>-tag (table row). In elke rij voorzie je cellen. Er zijn twee soorten cellen. Met de <td>-tag (table data) maak je gewone cellen. Met de <th> (table header) maak je een cel die als hoofding dient voor de kolom. De basis-opmaak voor de twee soorten cellen is verschillend.

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 (meestal in automatisch in andere opmaak)
<td> </td> table data Cel met informatie in een tabel