Im Browser wird die Notationsreihenfolge richtig aufgelöst und der Tabellenfuß unten angezeigt
Sie können eine Tabelle in einen Kopfbereich, einen oder mehrere Datenbereiche und einen Fußbereich aufteilen.
<h1>Betroffene Menschen</h1> <table> <thead> <tr> <th>Assoziation 1</th> <th>Assoziation 2</th> <th>Assoziation 3</th> </tr> </thead> <tfoot> <tr> <td>betroffen:<br>3,5 Mio. Menschen</td> <td>betroffen:<br>1,8 Mio. Menschen</td> <td>betroffen:<br>1,3 Mio. Menschen</td> </tr> </tfoot> <tbody> <tr> <td>Berlin</td> <td>Hamburg</td> <td>München</td> </tr><tr> <td>Miljöh</td> <td>Kiez</td> <td>Bierdampf</td> </tr><tr> <td>Buletten</td> <td>Frikadellen</td> <td>Fleischpflanzerl</td> </tr> </tbody> </table>
Den Tabellenkopf leiten Sie mit <thead> ein (thead = table head = Tabellenkopf). Daran anschließend können Sie eine oder mehrere Zeilen der Tabelle notieren, die zum Kopfbereich gehören sollen. Mit </thead> schließen Sie den Tabellenkopf ab. Sinnvollerweise sollten die Tabellenzellen im Tabellenkopf Kopfzellen (<th>…</th>) sein.
Wenn Sie einen Tabellenfuß notieren möchten, müssen Sie diesen vor den Tabellenkörper-Elementen notieren. Den Tabellenfuß wird durch <tfoot>…</tfoot> markiert (tfoot = table foot = Tabellenfuß). Dazwischen können Sie eine oder mehrere Zeilen der Tabelle notieren, die zum Fußbereich gehören sollen.
Einen Tabellenkörperbereich markieren Sie mit <tbody>…</tbody> (tbody = table body = Tabellenkörper). Innerhalb davon notieren Sie den Datenbereich mit einer oder mehreren Tabellenzeilen.
Die Aufteilung einer Tabelle mittels thead, tfoot und tbody ist freiwillig. Wenn Sie kein solches Element angeben, gelten alle Zeilen der Tabelle als Tabellenkörper. Falls Sie jedoch mit den Elementen arbeiten, müssen Sie die Reihenfolge 1. thead, 2. tfoot, 3. tbody beachten. Die Elemente thead und tfoot dürfen pro Tabelle nur einmal vorkommen, das tbody-Element einmal oder beliebig oft.
Die Elemente für Tabellenkopf, Tabellenfuß und Tabellenkörper haben von Haus aus keine sichtbare Wirkung im Browser. Es handelt sich um semantische Auszeichnungen, die Sie mit Hilfe von CSS bzw. CSS-Eigenschaften nach Wunsch visualisieren können. So können Sie dem Tabellenkopf beispielsweise eine andere Hintergrundfarbe geben, oder einzelne Tabellenkörperbereiche durch verstärkte Rahmen voneinander trennen.
Beim Ausdruck langer Tabellen kann der Browser Tabellenkopf und Tabellenfuß auf jeder Seite wiederholen.
Korrekturen, Hinweise und Ergänzungen
Bitte scheut euch nicht und meldet, was auf dieser Seite sachlich falsch oder irreführend ist, was ergänzt werden sollte, was fehlt usw. Dazu bitte oben aus dem Menü Seite den Eintrag Diskutieren wählen. Es ist keine Anmeldung erforderlich, um Anmerkungen zu posten. Unpassende Postings, Spam usw. werden allerdings kommentarlos entfernt.