Das Element <tfoot> bestimmt die Fußzeile der HTML-Tabelle. Es wird mit den Elementen <thead> und <tbody>, die entsprechend die Kopfzeile und den Inhalt (body) der Tabelle bestimmen, verwendet.
Das Element <tfoot> wird nach den Elementen <caption>, <colgroup> (falls vorhanden) und <thead> platziert. Beachten Sie bitte, dass für die richtige Darstellung der Fußzeile in der Tabelle das Element <tfoot> vor dem Element <tbody> platziert werden muss.
Das Element <tfoot> muss mindestens ein Element <tr> enthalten.
Voreingestellt beeinflußen die Tags <thead>, <tbody> und <tfoot> auf die Darstellung der Tabelle nicht, für die Veränderung der Einstellungen werden die CSS-Stile verwendet.
Syntax
<table>
<thead> ... </thead>
<tfoot>
<tr>
<td> ... </td>
</tr>
</tfoot>
<tbody> ... </tbody>
</table>Beispiel
<!DOCTYPE html>
<html>
<head>
<title>Die Kopfzeile des Dokuments</title>
</head>
<body>
<table summary="Fußbalspieler, die einen Tor erzielt haben" width="400" border="1">
<caption>
FIFA Fussball-Weltmeisterschaft 2018 Top-Torschütze
<hr>
</caption>
<thead>
<tr>
<th>Name</th>
<th>Land</th>
<th>Tor</th>
</tr>
</thead>
<tfoot>
<tr>
<th colspan="3">Harry Kane - bester Stürmer!</th>
</tr>
</tfoot>
<tbody>
<tr>
<td>Harry Kane</td>
<td>England</td>
<td>6</td>
</tr>
<tr>
<td>Cristiano Ronaldo</td>
<td>Portugal</td>
<td>4</td>
</tr>
<tr>
<td>Neymar</td>
<td>Brasilien</td>
<td>2</td>
</tr>
</tbody>
</table>
</body>
</html>Attribute
| Attribut | Wert | Beschreibung |
|---|---|---|
| align |
right
left center justify char |
Es richtet der Inhalt des Elements <tfoot> aus.
Es wird in HTML 5 nicht unterstützt. |
| bgcolor | bgcolor | Es bestimmt die Hintergrundfarbe von Zellen innerhalb des Tages <tfoot>.
Es wird in HTML 5 nicht unterstützt. |
| char | character | Es richtet den Inhalt des Elements nach dem angegebenen Symbol aus.
Es wird nur dann verwendet, wenn das Attribut align = "char".
Es wird in HTML 5 nicht unterstützt. |
| charoff | number | Es richtet den Inhalt des Elements nach dem angegebenen Symbol nach rechts oder nach links aus. Es wird nur dann verwendet, wenn das Attribut align = "char".
Es wird in HTML 5 nicht unterstützt. |
| valign |
top
bottom middle baseline |
Es richtet den Inhalt innerhalb des Elements nach vertikal aus.
Es wird in HTML 5 nicht unterstützt. |
Das Tag <tfoot> unterschtützt Globale Attribute und Globale Eventhandler.
Browser-Support
|
|
|
|
|
|---|---|---|---|---|
| ✓ | ✓ | ✓ | ✓ | ✓ |
Übe dein Wissen
Was tut das HTML-Tag <tfoot>?
Richtig!
Falsch!