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).

Indien gewenst kan je de tags <thead>, <tbody>, en <tfoot> gebruiken om je tabel logischer, beter gestructureerd en toegankelijker te maken. De <thead>-tag wordt gebruikt om de kop (header) van een tabel te definiëren. De <tbody>-tag bevat de hoofdinhoud van de tabel. De <tfoot>-tag wordt gebruikt om een voetsectie aan de tabel toe te voegen.

Bijvoorbeeld:

<table>
    <thead>
        <tr>
            <th>Hoofding 1, Cel 1</th>
            <th>Hoofding 1, Cel 2</th>
        </tr>
    </thead>
    <tbody>
        <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>
    </tbody>
    <tfoot>
        <tr>
            <td>Voettekst 1, Cel 1</td>
            <td>Voettekst 1, Cel 2</td>
        </tr>
    </tfoot>
</table>

Dit creëert een tabel met een hoofding, twee rijen en voettekst met elk 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
`<thead>`	`</thead>`	table head	Bevat de kop (header) van een tabel met kolomtitels.
`<tbody>`	`</tbody>`	table body	Bevat de hoofdinhoud (data) van een tabel, meestal rijen met gegevens.
`<tfoot>`	`</tfoot>`	table foot	Bevat de voet van de tabel, vaak gebruikt voor samenvattingen of totalen.