|
|
|
| |
HTML-Tricks |
| |
Tabelle mit Kopf |
| |
Seit HTML 4 können Tabellen
in logische Bereiche aufgeteilt werden. So kann eine
Tabelle dann in einen Tabellenkopf, einen Fußbereich,
und einen Tabellenkörper aufgeteilt werden. |
| |
Um eine Tabelle mit diesen Eigenschaften zu erstellen
gehört eigentlich nicht viel dazu.
Schauen Sie sich hierzu einfach folgendes Beispiel
an:
<html>
<head>
</head>
<body>
<table>
<thead>
<tr>
<th>Webstart-Hosting</th>
<th>Bronze-Hosting</th>
</tr>
</thead>
<tfoot>
<tr>
<td>Preis 7,50 Euro
<td>Preis 15,00 Euro </tr>
</tfoot>
<tbody>
<tr>
<td>150 MB Webspace</td>
<td>500 MB Webspace</td>
</tr>
<tr>
<td>3 GB Traffic</td>
<td>8 GB Traffic</td>
</tr>
<tr>
<td>10 E-Mailadressen</td>
<td>100 E-Mailadressen</td>
</tr>
</tbody>
</table>
</body>
</html>
Wie gewöhnlich wird die Tabelle mit dem
<table> Tag eingeleitet
(und auch wieder geschlossen). Dann können Sie
mit dem <thead>
Tag den Tabellenkopf der Tabelle definieren. Dieser
Tabellenkopf kann eine oder auch mehrere Zeilen beinhalten.
Geschlossen wird der Tabellenkopf mit </thead>
Danach sollten Sie den Tabellenfuss <tfoot>
notieren. Dieser wird später ganz unten in der
Tabelle ausgegeben. Geschlossen wird der Tabellenfuss
wieder mit </tfoot>.
Den eigentlichen Tabellenkörper kann dann mit
dem <tbody> Tag
definiert werden.
Auch hier können mehrere Zeilen eingeschlossen
werden. Im Gegensatz zu <thead>
und <tfoot> kann
<tbody> in einer
Tabelle mehrmals verwendet werden. Beachten Sie, dass
wenn Sie diese Elemente verwenden unbedingt alle drei
Elemente verwenden und das in der obigen Reihenfolge
(Zuerst <thead>
dann <tfoot> und
zuletzt <tbody>).
Diese Elemente sind HTML 4 konform und werden vom
InternetExplorer ab der Version 4 und vom Netscape
Navigator ab der Version 6 korrekt interpretiert.
|
|
|
