| weiter zu > Tabellen in HTML > HTML Einführung |
von Thomas Salvador, 26.03.2010
Grundlegende Tabelle in HTML mit Hauptbereich:
<table> <tr><th>Artikel</th><th>Preis</th></tr> <tbody> <tr><td>Rechner</td><td>500,00</td></tr> <tr><td>Festplatte</td><td>99,00</td></tr> <tr><td>Maus</td><td>9,00</td></tr> </tbody> <tr><th>Summe</th><td>605,00</td></tr> </table>
Der Tag <tbody> ist Teil der Unterstützung von HTML-Tabellen, die mit <table> gesetzt werden. Er erklärt eine Gruppe von <tr>-Tabellenzeilen als Hauptbereich dieser Tabelle in HTML, die also die eigentlichen Informationen enthalten wird.
Eine Tabelle ohne jede Bereichsdefinition ist damit implizit ein einziger <tbody>-Bereich.
Die explizite Nutzung von <tbody> ermöglicht auch, dass sich die Zeilen und Zellen dieses Bereiches leichter mit CSS zur Formatierung ansprechen lassen, ohne dass unbedingt separate Klassen definiert werden müssten.
Zwar ist <tbody> optional, doch ist die Nutzung insbesondere dann empfehlenswert, wenn auch Kopfbereich und Fußbereich definiert werden. Die leichtere Ansprechbarkeit mit CSS ist ebenfalls ein guter Grund.
| Attribut | Beschreibung |
|---|---|
| align | Spezifiziert die Ausrichtung von Daten/Text in Zellen |
| char | Zeichen, an dem ausgerichtet wird |
| charoff | Offset für Ausrichtungszeichen |
| class | Space-separierte Liste von CSS-Klassen |
| dir | Ausrichtung von Text und Tabellen |
| id | Universalattribut |
| lang | Sprache des Elementes |
| onclick | Auszuführender Javascript-Code bei Klick |
| ondblclick | Auszuführender Javascript-Code bei Doppelklick |
| onkeydown | Auszuführender Javascript-Code bei Drücken einer Taste |
| onkeypress | Auszuführender Javascript-Code bei gedrückt gehaltener Taste |
| onkeyup | Auszuführender Javascript-Code bei Loslassen einer Taste |
| onmousedown | Auszuführender Javascript-Code bei Drücken einer Maustaste |
| onmousemove | Auszuführender Javascript-Code, wenn die Maus bewegt wird |
| onmouseout | Auszuführender Javascript-Code, wenn die Maus das Element verlässt |
| onmouseover | Auszuführender Javascript-Code, wenn die Maus auf das Element bewegt wird |
| onmouseup | Auszuführender Javascript-Code bei Loslassen einer Maustaste |
| style | Inline Style |
| title | Bezeichnender Titel |
| valign | vertikale Ausrichtung. |
Keine.
