HTML-Tabellen

Eine sehr gängige Aufgabe in HTML ist das Strukturieren tabellarischer Daten. Dafür stehen eine Reihe von Elementen und Attributen zur Verfügung. In Kombination mit ein wenig CSS für das Styling, macht es HTML einfach, Tabellen mit Informationen im Web darzustellen, wie zum Beispiel Ihren Stundenplan, den Zeitplan Ihres örtlichen Schwimmbades oder Statistiken über Ihre Lieblingstiere oder Fußballmannschaft. Dieses Modul führt Sie durch alles, was Sie über das Strukturieren tabellarischer Daten mit HTML wissen müssen.

Voraussetzungen

Bevor Sie mit diesem Modul beginnen, sollten Sie bereits die Grundlagen von HTML behandelt haben — siehe Einführung in HTML.

Hinweis: Wenn Sie an einem Computer/Tablet/anderen Gerät arbeiten, auf dem Sie keine eigenen Dateien erstellen können, könnten Sie (die meisten) der Code-Beispiele in einem Online-Coding-Programm wie JS Bin oder Glitch ausprobieren.

Leitfäden

Dieses Modul enthält die folgenden Artikel, die Sie durch alle Grundlagen der Erstellung von Tabellen in HTML führen.

HTML-Tabelle Grundlagen: Dieser Artikel führt Sie in HTML-Tabellen ein und behandelt die grundlegenden Aspekte wie Zeilen und Zellen, Überschriften, das Spannen von Zellen über mehrere Spalten und Zeilen sowie das Gruppieren aller Zellen in einer Spalte für Styling-Zwecke.
HTML-Tabelle erweiterte Funktionen und Barrierefreiheit: Dieser Artikel behandelt einige erweiterte Funktionen von HTML-Tabellen — wie Beschriftungen/Zusammenfassungen und das Gruppieren Ihrer Zeilen in Kopf-, Körper- und Fußbereiche — sowie die Barrierefreiheit von Tabellen für sehbehinderte Nutzer.

Bewertungen

Die folgende Bewertung testet Ihr Verständnis der in den oben genannten Leitfäden behandelten HTML-Tabellentechniken.

Strukturierung von Planetendaten: In unserem Tabellenbewertung stellen wir Ihnen einige Daten über die Planeten in unserem Sonnensystem zur Verfügung und lassen Sie diese in einer HTML-Tabelle strukturieren.