Summary
This chapter explains how to implement HTML tables by using the <table> container along with <thead>, <tbody>, <tr>, <th>, and <td> tags to structure data into header and body rows and columns.

General domain of usage
Presenting structured data on web pages

Tabellen in HTML worden gebruikt om gegevens weer te geven in rijen en kolommen, waardoor informatie gestructureerd kan worden georganiseerd.

## Tabellen maken
Gebruik de `<table>`-tag om een tabel te maken. Rijen worden gedefinieerd met `<tr>` en cellen met `<td>`.
Hier is de basisstructuur:

PCFET0NUWVBFIGh0bWw+CjxodG1sPgogIDxoZWFkPgogICAgPG1ldGEgY2hhcnNldD0iVVRGLTgiIC8+CiAgPC9oZWFkPgogIDxib2R5PgogICAgPHRhYmxlPgogICAgICA8dHI+CiAgICAgICAgPHRkPlJvdyAxLCBDb2x1bW4gMTwvdGQ+CiAgICAgICAgPHRkPlJvdyAxLCBDb2x1bW4gMjwvdGQ+CiAgICAgICAgPHRkPlJvdyAxLCBDb2x1bW4gMzwvdGQ+CiAgICAgIDwvdHI+CiAgICAgIDx0cj4KICAgICAgICA8dGQ+Um93IDIsIENvbHVtbiAxPC90ZD4KICAgICAgICA8dGQ+Um93IDIsIENvbHVtbiAyPC90ZD4KICAgICAgICA8dGQ+Um93IDIsIENvbHVtbiAzPC90ZD4KICAgICAgPC90cj4KICAgIDwvdGFibGU+CiAgPC9ib2R5Pgo8L2h0bWw+

- `<table>` maakt de tabel;
- `<tr>` maakt een rij;
- `<td>` maakt een cel binnen een rij.

## Tabelkoppen
Gebruik `<th>` voor kolom- of rijkoppen. Kopcellen worden meestal geplaatst binnen een `<thead>`-sectie.

PCFET0NUWVBFIGh0bWw+CjxodG1sPgogIDxoZWFkPgogICAgPG1ldGEgY2hhcnNldD0iVVRGLTgiIC8+CiAgPC9oZWFkPgogIDxib2R5PgogICAgPHRhYmxlPgogICAgICA8dGhlYWQ+CiAgICAgICAgPHRyPgogICAgICAgICAgPHRoPlJvdyAxLCBDb2x1bW4gMSwgSGVhZGluZyAxPC90aD4KICAgICAgICAgIDx0aD5Sb3cgMSwgQ29sdW1uIDIsIEhlYWRpbmcgMjwvdGg+CiAgICAgICAgICA8dGg+Um93IDEsIENvbHVtbiAzLCBIZWFkaW5nIDM8L3RoPgogICAgICAgIDwvdHI+CiAgICAgIDwvdGhlYWQ+CiAgICAgIDx0cj4KICAgICAgICA8dGQ+Um93IDIsIENvbHVtbiAxPC90ZD4KICAgICAgICA8dGQ+Um93IDIsIENvbHVtbiAyPC90ZD4KICAgICAgICA8dGQ+Um93IDIsIENvbHVtbiAzPC90ZD4KICAgICAgPC90cj4KICAgIDwvdGFibGU+CiAgPC9ib2R5Pgo8L2h0bWw+

- `<thead>` omhult de koprijen;
- `<th>` definieert kopcellen.

## Tabellichaam
De `<tbody>`-sectie volgt op `<thead>` en omhult de hoofdgegevens van de tabel (de reguliere rijen).

PCFET0NUWVBFIGh0bWw+CjxodG1sPgogIDxoZWFkPgogICAgPG1ldGEgY2hhcnNldD0iVVRGLTgiIC8+CiAgPC9oZWFkPgogIDxib2R5PgogICAgPHRhYmxlPgogICAgICA8dGhlYWQ+CiAgICAgICAgPHRyPgogICAgICAgICAgPHRoPlJvdyAxLCBDb2x1bW4gMSwgSGVhZGluZyAxPC90aD4KICAgICAgICAgIDx0aD5Sb3cgMSwgQ29sdW1uIDIsIEhlYWRpbmcgMjwvdGg+CiAgICAgICAgICA8dGg+Um93IDEsIENvbHVtbiAzLCBIZWFkaW5nIDM8L3RoPgogICAgICAgIDwvdHI+CiAgICAgIDwvdGhlYWQ+CiAgICAgIDx0Ym9keT4KICAgICAgICA8dHI+CiAgICAgICAgICA8dGQ+Um93IDIsIENvbHVtbiAxPC90ZD4KICAgICAgICAgIDx0ZD5Sb3cgMiwgQ29sdW1uIDI8L3RkPgogICAgICAgICAgPHRkPlJvdyAyLCBDb2x1bW4gMzwvdGQ+CiAgICAgICAgPC90cj4KICAgICAgPC90Ym9keT4KICAgIDwvdGFibGU+CiAgPC9ib2R5Pgo8L2h0bWw+

## Samenvatting
Tabellen bestaan uit de volgende elementen:
- `<table>`: hoofdcontainer van de tabel;
- `<thead>`: koprij(en) met `<th>`;
- `<tbody>`: gegevensrijen met `<td>`;
- `<tr>`: een tabelrij;
- `<td>`/`<th>`: gegevenscel / kopcel.

PCFET0NUWVBFIGh0bWw+CjxodG1sPgogIDxoZWFkPgogICAgPG1ldGEgY2hhcnNldD0iVVRGLTgiIC8+CiAgPC9oZWFkPgogIDxib2R5PgogICAgPHRhYmxlPgogICAgICA8dGhlYWQ+CiAgICAgICAgPHRyPgogICAgICAgICAgPHRoPkhlYWRpbmcgMTwvdGg+CiAgICAgICAgICA8dGg+SGVhZGluZyAyPC90aD4KICAgICAgICA8L3RyPgogICAgICA8L3RoZWFkPgogICAgICA8dGJvZHk+CiAgICAgICAgPHRyPgogICAgICAgICAgPHRkPlRleHQgMTwvdGQ+CiAgICAgICAgICA8dGQ+VGV4dCAyPC90ZD4KICAgICAgICA8L3RyPgogICAgICAgIDx0cj4KICAgICAgICAgIDx0ZD5UZXh0IDM8L3RkPgogICAgICAgICAgPHRkPlRleHQgNDwvdGQ+CiAgICAgICAgPC90cj4KICAgICAgPC90Ym9keT4KICAgIDwvdGFibGU+CiAgPC9ib2R5Pgo8L2h0bWw+

Welke tag wordt gebruikt om een tabel te maken?

Welke tag vertegenwoordigt een rij binnen de tabel?

Bouw gestructureerde webpagina's met HTML. Maak tekstinhoud, links, lijsten, afbeeldingen, tabellen en formulieren, en organiseer alles met semantische elementen tot een volledige pagina.

HTML-Tabellen Maken en Structureren

Tabellen maken

Tabelkoppen

Tabellichaam

Samenvatting

1. Welke tag wordt gebruikt om een tabel te maken?

2. Welke tag vertegenwoordigt een rij binnen de tabel?

3. Wat is het doel van de `<tbody>` tag?