HTML-Tag <tfoot>

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



Finden Sie das nützlich?

Ähnliche Artikel