Tabellen
Aus SELFHTML-Wiki
Eine Tabelle ist eine geordnete Zusammenstellung von Texten oder Daten. Die Inhalte werden dabei in Zeilen (waagerecht) und Spalten (senkrecht) gegliedert, die grafisch aneinander ausgerichtet werden. Sinnvolle Einsatzbereiche für Tabellen sind beispielsweise:
- Kalender
- Stundenpläne
- Fahrpläne
- Ranglisten, z. B. im Sport
- TV-Programm
- Statistiken
Oft kann man anstelle von Tabellen auch Listen oder ähnliches verwenden.
In diesem Kurs lernen Sie, wie Sie Tabellen in Ihre Web-Seiten einbauen können.
- Aufbau einer Tabelle
- Kopf- (th) und Datenfelder (td)
- thead, tbody und tfoot
- Spalten und Zellen verbinden
- Beschriftungen
- Gestaltung mit CSS
- Kopf- und Datenzellen gestalten
- Zebrastreifen
- Zeilenüberschriften
- Zeilen bei :hover markieren
- Tabelle mit festem Kopf (position:sticky)
- Responsive Gestaltung
- Anpassung für breite Viewports
- Anpassung für schmale Viewports
Für Fortgeschrittene
- Tabellen dynamisch sortieren
- Datensatzauswahl aus Tabelle
- Monatskalender
Tabellen dynamisch erzeugen
Siehe auch
- CSS/Eigenschaften
- Tabellenüberschriften (caption-side)
- table-layout
- Rahmen und Zwischenlinien
- Umgang mit leeren Zellen (empty cells)
Weblinks
- W3C: tabular data