Tabellen

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

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

E-Mail-Newsletter

E-Mails und Newsletter mit HTML und CSS gestalten
Hier ist Tabellen-Layout noch nötig!
Tabellen dynamisch sortieren
Datensatzauswahl aus Tabelle
Monatskalender

Tabellen dynamisch erzeugen
Tabelle im Zebralook

Mit CSS-Selektoren jede zweite Zeile einfärben