Startseite ⇒ HTML Tabelle ⇒ Struktur
511 Aufrufe

Eine HTML Tabelle logisch strukturieren


Beschreibung:

Es gibt die Möglichkeit eine HTML Tabelle logisch zu strukturieren. Dabei notieren Sie in der Tabelle einen Tabellenkopf, dann einen Tabellenfuß und als letztes einen (oder beliebig viele) Tabellenkörper. Wichtig hierbei ist, dass Sie genau diese Reihenfolge einhalten. Innerhalb dieser Bereiche notieren Sie wie üblich die Reihen und Datenzellen.


Der Tabellenkopf

Das Element <thead>


Der Tabellenkopf stellt die Werte der Tabelle dar und wird mit <thead> eingeleitet. Danach notieren Sie eine oder mehrere Reihen und in den Reihen die Datenzellen. Den Kopfbereich schließen Sie mit </thead> ab.


thead = table head = Tabellenkopf


Quelltext:

<table border="1">
  <thead>
    <tr>
      <th>Reisekosten:</th>
      <th>Honorarkosten:</th>
    </tr>
  </thead>
</table>

Ausgabe:

Reisekosten: Honorarkosten:

Der Tabellenfuß

Das Element <tfoot>


Der Tabellenfuß stellt die Ergebnisse der Tabelle dar und wird direkt nach dem Tabellenkopf notiert. Eingeleitet wird der Tabellenfuß mit dem Element <tfoot> und abgeschlossen mit dem Element </tfoot>. Dazwischen können Sie eine oder mehrere Reihen mit Datenzellen notieren.


tfoot = table foot = Tabellenfuß


Quelltext:

<table border="1">
  <thead>
    <tr>
      <th>Reisekosten:</th>
      <th>Honorarkosten:</th>
    </tr>
  </thead>
  <tfoot>
    <tr>
      <td>8000 €</td>
      <td>6500 €</td>
    <tr>
  <tfoot>
</table>

Ausgabe:

Reisekosten: Honorarkosten:
8000 € 6500 €

Der Tabellenkörper

Das Element <tbody>


Einen Tabellenkörper leiten Sie mit <tbody> ein und schließen diesen mit </tbody> ab. Dazwischen notieren Sie die Tabellenreihen mit den Tabellenzellen. Der Tabellenkörper darf anders als der Tabellenkopf und der Tabellenfuß mehrmals in einer Tabelle vorkommen.


tbody = table body = Tabellenkörper


Quelltext:

<table border="1">
  <thead>
    <tr>
      <th>Reisekosten:</th>
      <th>Honorarkosten:</th>
    </tr>
  </thead>
  <tfoot>
    <tr>
      <td>8000 &euro;</td>
      <td>6500 &euro;</td>
    <tr>
  <tfoot>
  <tbody>
    <tr>
      <td>2000 &euro;</td>
      <td>1500 &euro;</td>
    </tr>
    <tr>
      <td>4000 &euro;</td>
      <td>3000 &euro;</td>
    </tr>
    <tr>
      <td>2000 &euro;</td>
      <td>2000 &euro;</td>
    </tr>
  </tbody>
</table>

Ausgabe:

Reisekosten: Honorarkosten:
8000 € 6500 €
2000 € 1500 €
4000 € 3000 €
2000 € 2000 €


Weiterführende Informationen:


Weblinks: