Tabellen

De data die we hebben gebruikt voor het maken van lijsten zouden we ook in een tabel kunnen zetten.
Dat hebben we hieronder gedaan:

strijkinstrumenten tokkelinstrumenten blaasinstrumenten toetsinstrumenten slaginstrumenten
viool gitaar trompet piano pauken
cello harp saxofoon orgel buisklokken


Een tabel bestaat uit kolommen, rijen en cellen. Vaak staan boven in de tabel de kopjes van de kolommen. Voor het maken van een tabel worden diverse tags gebruikt. We zetten de belangrijkste tags even voor je op een rijtje:

<table> Deze tag wordt gebruikt voor het definiëren van een tabel.
<th> Met de tag <th> worden de kopjes van de kolommen aangeven. De afkorting staat voor table heading.
<tr> Met de tag <tr> worden tabellen onderverdeeld in rijen. De afkorting staat voor table row.
<td> Met de tag <td> worden rijen onderverdeeld in cellen. De afkorting staat voor table data


De tabel is voorzien van een rand. In HTML5 regel je dat bij voorkeur in het CSS-bestand en niet in de HTML-code. Dat doe je in CSS omdat een rand onderdeel is van de opmaak van een tabel. Een tabel heeft standaard geen rand.
Wil je dat de tabel een rand krijgt, moet je dat dus altijd specifiek aangeven.

Boven de tabel kunnen we een titel plaatsen. Daarvoor gebruiken we het element caption. De tag <caption> moet direct na de tag <table> ingevoegd worden.
We geven de tabel de titel “Indeling muziekinstrumenten”.
De code hiervoor wordt dan:

<caption>Indeling muziekinstrumenten</caption>

Standaard wordt de titel gecentreerd.