Bauen Sie eine Tabelle visuell und erhalten Sie sauberes HTML. Konfigurieren Sie links die Struktur (Zeilen, Spalten, Kopfzeile, Beschriftung, Rahmen, Farben, Ausrichtung), tippen Sie direkt ins Raster oder fügen Sie TSV-/CSV-/Excel-Daten ein. Das HTML wird in Echtzeit erzeugt und sowohl als Code als auch als isolierte Live-Vorschau angezeigt. Wählen Sie die Ausgabe Klassisch (Attribute border/cellpadding) oder Modern (Inline-CSS), dann kopieren Sie den Code oder laden eine eigenständige .html-Datei herunter. Alles läuft lokal — nichts wird hochgeladen.
Abmessungen
Struktur
Größe & Rahmen
Erscheinungsbild
Ausgabe
Fügen Sie Tab-/Zeilenumbruch-getrennte Daten ein (Excel oder TSV) oder kommagetrennte (CSV mit Anführungszeichen).
Zellen5 × 5klicken Sie auf das kleine × an einer Zeilen-/Spaltenkante, um sie zu entfernen
Tippen Sie in die Zellen oder drücken Sie Erzeugen, um das HTML zu erstellen.
HTML-Code
Vorschau
isoliert — Skripte deaktiviert
Tipps: Zelleninhalt wird standardmäßig HTML-escaped, damit Eingaben im Stil von <script> weder den erzeugten Code noch die Vorschau brechen können; deaktivieren Sie „Zellen-HTML escapen“ nur, wenn Sie bewusst Markup einschleusen wollen. Fügen Sie Excel-Zeilen als TSV ein (die Schaltfläche „Daten importieren ...“ erkennt Tabs oder Kommas automatisch). Das Raster unterstützt bis zu 100 Zeilen × 30 Spalten, und das Vorschau-iFrame ist isoliert (keine Skripte).
Tabellen, die etwas bedeuten
<th scope="col"> und scope="row" sagen Screenreadern, was jede Kopfzeile beschreibt, und eine <caption> benennt die ganze Tabelle. colspan und rowspan verbinden Zellen für tatsächlich zusammengeführte Daten, verwirren aber Parser, wenn sie für das visuelle Layout verwendet werden.
Verwenden Sie Tabellen für Datenbeziehungen und CSS-Grid oder Flexbox für das Layout — Layout-Tabellen schaden Barrierefreiheit und Responsivität.
