ToolnozaInformationen strukturieren
Tabellen eignen sich zum Vergleich gleicher Merkmale mehrerer Objekte, etwa Tarife oder Messwerte. Ohne sinnvolle Zeilen-Spalten-Beziehung ist eine Liste besser. Maßeinheiten gehören in die Spaltenüberschriften.
Prüfen, ob die erste Zeile Beschriftungen enthält. Die Kopfzeilenoption erzeugt th-Elemente mit scope="col" innerhalb von thead. Ohne diese Option werden alle Zeilen als Daten behandelt.
Zellen bearbeiten oder importieren
Zuerst die Größe festlegen: Beim Verkleinern werden außerhalb liegende Zellen entfernt. Möglich sind 20 Zeilen einschließlich Kopfzeile und 12 Spalten. Klartext eingeben oder einen Tabellenbereich einfügen.
Der Import nutzt Tabulatoren zwischen Spalten und Zeilenumbrüche zwischen Zeilen. CSV und mehrzeilige Zellen in Anführungszeichen werden nicht verarbeitet. Zu große Importe werden ohne Änderung der bisherigen Tabelle abgelehnt.
Code einbinden
Eine aussagekräftige Tabellenüberschrift ergänzen und HTML samt CSS übernehmen. Der Container erlaubt auf schmalen Bildschirmen horizontales Scrollen, ohne die Schrift zu verkleinern. Mit vorhandenen Seitenstilen testen.
HTML-Zeichen werden maskiert: <10 bleibt Text. Komplexe Tabellen mit verbundenen Zellen oder mehreren Kopfebenen benötigen weiteres Markup. Der Generator erstellt eine einfache rechteckige Tabelle.
Werkzeug verwenden
Zeilen und Spalten festlegen, Zellen bearbeiten oder einfügen, Überschrift hinzufügen und Code kopieren oder herunterladen.
Rechenbeispiel
Eine Vergleichstabelle mit drei Spalten erstellen und die erste Zeile als Spaltenüberschriften verwenden.
Funktioniert die Tabelle auf Mobilgeräten?
Der exportierte Container ermöglicht horizontales Scrollen, damit Spalten lesbar bleiben. Mit den CSS-Regeln der eigenen Website prüfen.