Das Tag <tbody> definiert den Body-Inhalt (einen Satz von Zeilen) einer HTML-Tabelle und erstellt darin einen separaten semantischen Block. Das Tag <body> wird zusammen mit den Tags <thead> und <tfoot>, die Kopf- und Fußzeile der Tabelle angeben, verwendet.
Das Tag <tbody> muss als abgeleitetes Element von <table> nach den Elementen <caption>, <colgroup> (falls vorhanden) und <thead> verwendet werden. Sie können mehrere Tags <tbody> innerhalb des Tages <table> verwenden. Das Tag <tfoot> muss vor dem Tag <tbody> platziert werden, damit der Browser die Tabellenfußzeile korrekt darstellen kann.
Syntax
Das Tag <tbody> wird ungepaart verwendet, das Endtag (</tbody>) ist nicht obligatorisch.
Beispiel
<table>
<thead> ... </thead>
<tfoot> ... </tfoot>
<tbody>
<tr>
<td> ... </td>
</tr>
</tbody>
</table>Beispiel
<!DOCTYPE html>
<html>
<head>
<title>Der Titel des Dokuments</title>
<style>
th, td {
padding: 10px;
border: 1px solid #666;
}
</style>
</head>
<body>
<table style="width:80%; margin:30px auto; border-collapse:collapse;">
<thead style="background-color:#1c87c9; color:#fff;">
<tr>
<th>Monat</th>
<th>Ersparnisse</th>
</tr>
</thead>
<tfoot style="background-color:grey;">
<!-- <tfoot> ist nach <thead> platziert, ist aber am unteren Rand der Tabelle zu sehen. -->
<tr>
<td>Gesamt</td>
<td>1500</td>
</tr>
</tfoot>
<tbody style="background-color:lightgrey;">
<tr>
<td>Januar</td>
<td>500</td>
</tr>
<tr>
<td>Februar</td>
<td>1000</td>
</tr>
</tbody>
</table>
</body>
</html>Ergebnis
Attribute
| Attribut | Wert | Beschreibung |
|---|---|---|
| align |
right
left center justify char |
Es bestimmt den Typ für die Ausrichtung des Inhalts der Tabelle.
Es wird in HTML5 nicht unterstützt. |
| bgcolor | bgcolor | Es bestimmt die Farbe von Zellen, die im Tag <tbody> platziert sind.
Es wird in HTML5 nicht unterstützt. |
| char | character | Es bestimmt die Ausrichtungsmethode nach dem angegebenen Symbol. Das Attribut char wird nur dann verwendet, wenn das Attribut align = "char".
Es wird in HTML5 nicht unterstützt. |
| charoff | number | Es verschiebt den Inhalt der Zellen nach dem angegebenen Symbol. Es wird nur dann verwendet, wenn das Attribut align = "char".
Es wird in HTML5 nicht unterstützt. |
| valign |
top
bottom middle baseline |
Es richtet den Inhalt innerhalb des Elements nach vertikal aus.
Es wird in HTML5 nicht unterstützt. |
Das Tag <tbody> unterschtützt Globale Attribute und Globale Eventhandler.
Browser-Support
|
|
|
|
|
|---|---|---|---|---|
| ✓ | ✓ | ✓ | ✓ | ✓ |
Übe dein Wissen
