naar onze homepage
 HTML
Home
 Tables:

Row groups > regels.

Horizontale regels in een tabel kunnen met behulp van "groep-elementen": <thead>...</thead>, <tfoot>...</tfoot> en <tbody>...</tbody> gegroepeerd worden

Voorbeeld

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
<html>
<head>
<title>De structuur van een tabel</title>
</head>
<body>
<h3>Een tabel met kader</h3>
<table border="1">

<thead>
<tr>
<th>Amsterdam</th>
<th>Volendam</th>
<th>Edam</th>
</tr>
</thead>

<tfoot>
<tr>
<td><i>Patat</i></td>
<td><i>Haring</i></td>
<td><i>Kaas</i></td>
</tr>
</tfoot>

<tbody>
<tr>
<td>Damrak</td>
<td>Dijk</td>
<td>Kaasmarkt</td>
</tr>
<tr>
<td>Het IJ</td>
<td>De Haven</td>
<td>Raadhuis</td>
</tr>
</tbody>

</table>
<h3>De tabel zonder kader, een z.g. "blinde" tabel</h3>
<table border="0">

<thead>
<tr>
<th>Amsterdam</th>
<th>Volendam</th>
<th>Edam</th>
</tr>
</thead>

<tfoot>
<tr>
<td><i>Patat</i></td>
<td><i>Haring</i></td>
<td><i>Kaas</i></td>
</tr>
</tfoot>

<tbody>
<tr>
<td>Damrak</td>
<td>Dijk</td>
<td>Kaasmarkt</td>
</tr>
<tr>
<td>Het IJ</td>
<td>De Haven</td>
<td>Raadhuis</td>
</tr>
</tbody>

</table>
</body>
</html>

Zo ziet het er in het echt uit (in jouw browser) !

Zo zou het eruit moeten zien:
structuur.gif

Opmerking:
Let op de bijzondere volgorde van de elementen in de source-code!
Eerst <thead></thead> dan daaronder <tfoot></tfoot> en pas dan <tbody></tbody> en "niet" zoals het resultaat in het plaatje hierboven getoond wordt.

Waarschuwing:
Werkt alleen in moderne browsers.
Zie http://http://www.blooberry.com/indexdot/html/tagpages/t/thead.htm (opent in een nieuw venster).

top