X

Headline

This is an important message requiring you to make a choice if you're based in the EU.

HTML-Tag <tbody>

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.

Voreingestellt haben die Tags <thead>, <tbody> und <tfoot> keinen Einfluss auf das Aussehen der Tabelle. Für die Einstellung des Aussehens der Tabelle werden die CSS-Stile verwendet.

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



Finden Sie das nützlich?

Ähnliche Artikel