1A-Homepage-Tools

HTML Tabellen - Teil 2

Tabellen kann man auch einen Titel geben. Ausserdem können sie in logische Abschnitte unterteilt werden. Dazu gibt es noch weitere Auszeichnungen. Den Kopfbereich <thead>, den Hauptbereich <tbody> und den Fußbereich <tfoot>.

Wichtig ist das der Fußbereich <tfoot> immer vor dem Hauptbereich <tbody> kommt.

<table border="1">
 <caption>Titel der Tabelle</caption>
  <thead>
   <tr>
     <th>Verein</th>
     <th>Punkte</th>
     <th>Spiele</th>
   </tr>
  </thead>
  <tfoot>
   <tr>
     <th>Vereinsname</th>
     <th>Punktestand</th>
     <th>Anzahl der Spiele</th>
   </tr>
  </tfoot>
  <tbody>
   <tr>
     <td>1. FC Köln</td>
     <td>21</td>
     <td>7</td>
   </tr>
   <tr>
     <td>Eintracht Frankfurt</td>
     <td>18</td>
     <td>8</td>
   </tr>
  </tbody>
</table>

<caption> und </caption>

Mit dem <caption> kannst du deiner Tabelle einen Titel geben. Das <caption> muss dabei unmittelber nach dem <table> kommen. In der Ansicht wird der Titel dann über der Tabelle angezeigt.

<thead> und </thead>

Mit <thead> wird der Kopfbereich der Tabelle geöffnet, das können eine oder mehrere Zeilen sein. Mit </thead> wird der Kopfbereich wieder geschlossen.

<tfoot> und </tfoot>

Mit <tfoot> wird der Fußbereich einer Tabelle geöffnet. Dabei muss beachtet werden das der Fußbereich noch vor dem eigentlichen Haupttteil der Tabelle kommt. Mit </tfoot> wird die Tabellenzeile wieder geschlossen.

<tbody> und </tbody>

Der Hauptbereich einer Tabelle steht immer zwischen <tbody> und </tbody>. Das können eine oder mehrere Datenbereich mit einer oder mehreren Tabellenzellen sein.

Die Unteteilung in thead, tfoot und tbody ist freiwillig. Wenn du solche Elemente nicht angibst gelten alle Zellen der Tabelle als Hauptbereich. Wenn du diese Bereiche jedoch angeben willst muss die Reihenfolge thead-->tfoot-->tbody eingehalten werden, wobei thead und tfoot nur einmal pro Tabelle vorkommen dürfen, tbody jedoch beliebig oft.