HTML-Tabellen-Generator
Kopiere die Zellen der Tabelle und füge sie hier ein. Die erste Zeile wird zur Kopfzeile. Wähle den Stil, sieh die Vorschau und kopiere den Code.
So geht’sVon der Tabelle zur HTML-Tabelle
Verfügbar auf: 
HTML-Tabellen-Generator: wofür es gut ist
Füge aus der Tabelle kopierte Zellen (durch Tabulator getrennt) oder eine CSV mit Komma oder Semikolon ein, mit Unterstützung für Anführungszeichen. Die erste Zeile kann die Kopfzeile sein, und Spalten nur mit Zahlen oder Preisen werden rechts ausgerichtet.
Wähle den Stil (gestreift, mit Rändern, minimalistisch oder nur HTML), die Farbe der Kopfzeile und eine Beschriftung. Die Tabelle kommt in einem Block mit horizontalem Scrollen für das Handy, mit thead und th scope=col.
So geht’s
- Kopiere die Zellen der Tabelle und füge ein.
- Wähle Stil, Farbe und Beschriftung.
- Kopiere den Code und füge ihn in die Seite ein.
Wann nutzen
- Tabellen mit Preisen und Tarifen.
- Öffnungszeiten, Speisekarten und Produktlisten.
- Vergleiche in Blogbeiträgen.
Häufige Fragen
Wie füge ich aus Excel oder Google Tabellen ein?
Wähle die Zellen aus, kopiere (Strg+C) und füge ins Feld ein. Die Spalten kommen durch Tabulator getrennt, und das Tool erkennt das von selbst. Es akzeptiert auch CSV mit Komma oder Semikolon.
Funktioniert die Tabelle am Handy?
Ja. Der Code setzt die Tabelle in einen Block mit horizontalem Scrollen, sodass breite Tabellen zur Seite scrollen, ohne das Layout der Seite zu brechen.
Ist die Tabelle barrierefrei?
Die Kopfzeile nutzt <thead> und <th scope="col">, und du kannst eine Beschriftung (<caption>) hinzufügen, die Screenreadern und Suchmaschinen hilft, den Inhalt zu verstehen.
Ist das wirklich kostenlos?
Ja, 100% kostenlos. Ohne Anmeldung, ohne Abo und ohne Nutzungslimit. Alle Tools von Tools123 sind kostenlos.