WEBSITE · HTML
HTML-Tabellen-Generator
Füge Tabellenzeilen ein und erzeuge daraus eine responsive, zugängliche HTML-Tabelle mit Überschriften.
Deine Einstellungen
Ergebnis
HTML zum Einfügen
Tabellen dienen für tabellarische Daten, nicht als Seitenlayout. Die erste Zeile wird zur Überschrift.
Tabellen für unterschiedliche Bildschirmgrößen erstellen
HTML-Tabellen eignen sich für echte Zeilen-Spalten-Daten wie Preislisten oder Messwerte. Für reine Layoutgestaltung sind sie ungeeignet. Gib der Tabelle klare Spaltenüberschriften, damit die Inhalte auch mit Screenreadern und auf kleinen Bildschirmen verstanden werden.
Prüfe besonders lange Zellen, Währungswerte und Sonderzeichen. Wird die Tabelle auf einem Smartphone zu breit, ist ein horizontal scrollbarer Tabellenbereich häufig besser als winzige Schrift.
Tabellen für Smartphones nutzbar machen
Echte Tabellen eignen sich für Vergleichswerte, Öffnungszeiten oder Listen mit festen Spalten. Nutze Spaltenüberschriften, damit Leser und Hilfstechnologien die Daten zuordnen können. Bei breiten Tabellen ist ein scrollbarer Container oft sinnvoller als winzige Schrift.
Prüfe den erzeugten HTML-Code mit langen Zellinhalten, Sonderzeichen und leeren Feldern. Tabellen sollten keine Layoutlösung für die ganze Seite sein.