So nutzt du: CSV & Excel zu HTML-Tabelle
- CSV- oder Excel-Zellen einfügen, eine
.csv-,.xlsx- oder.json-Datei öffnen oder das Beispiel laden. - Einen Stil wählen: reines Markup, eingebautes CSS oder Bootstrap-Klassen, und bei Bedarf eigene Klassennamen ergänzen.
<thead>, HTML-Maskierung, Zeilenumbruch-Behandlung und Minifizierung nach Wunsch aktivieren oder deaktivieren.- Die gerenderte Vorschau prüfen und dann das Markup kopieren oder herunterladen.
Was ist ein HTML-Tabellen-Generator?
Ein HTML-Tabellen-Generator wandelt Datenzeilen in <table>-Markup um, das du in eine Webseite, ein CMS, eine E-Mail oder Dokumentation einfügen kannst. Dieses Markup von Hand zu schreiben ist langsam und fehleranfällig, denn jede Zelle braucht ein eigenes Tag und Sonderzeichen müssen maskiert werden. Dieses Tool erledigt das in einem Schritt aus CSV, Excel-Zellen oder JSON.
Barrierefreies, semantisches Markup
Die Kopfzeile wird zu <thead> mit <th scope="col">-Zellen, die Daten landen in <tbody>. Screenreader nutzen diese Elemente, um bei jeder Zelle den Spaltennamen anzusagen, und Browser wiederholen <thead> auf jeder gedruckten Seite. Eine optionale <caption> gibt der Tabelle einen zugänglichen Namen.
<table class="data-table">
<thead>
<tr>
<th scope="col">name</th>
<th scope="col">plan</th>
</tr>
</thead>
<tbody>
<tr>
<td>Ada Lovelace</td>
<td>pro</td>
</tr>
</tbody>
</table>Maskierung ist wichtig
Mit aktivierter Option HTML in Zellen maskieren (der Standard) werden Zeichen wie <, >, & und " in Entities umgewandelt. Ein Wert wie <b> wird dadurch als Text angezeigt und verändert die Seite nicht. Deaktiviere die Option nur, wenn deine Zellen bewusst vertrauenswürdiges HTML wie Links enthalten. Die Vorschau läuft in einem Sandbox-Frame mit deaktivierten Skripten.
Stiloptionen
| Stil | Was du bekommst |
|---|---|
| Reines HTML | Schlankes Markup, das das CSS deiner Website übernimmt |
| Eingebautes CSS | Ein kleiner <style>-Block: Rahmen, Kopfzeilen-Hintergrund, Zebra-Zeilen, rechtsbündige Zahlen |
| Bootstrap | Klassen table table-striped table-bordered für Bootstrap-4/5-Websites |
Für Webflow-Rich-Text und Markdown-basierte Websites ist eine Markdown-Tabelle unter Umständen einfacher. Um eine bestehende HTML-Tabelle in Markdown umzuwandeln, nutze HTML zu Markdown.
Auch gesucht als: csv zu html tabelle, excel in html tabelle, html tabelle generator, csv in html tabelle umwandeln, json zu html tabelle, tabelle in html umwandeln, excel zu html konvertieren, html table generator.
Passende Tools zu: CSV & Excel zu HTML-Tabelle
- Select-Menü-Generator — Schluss mit dem manuellen Tippen von Optionslisten.
- HTML Formatter — Füg minifiziertes oder unübersichtliches Markup ein und erhalte sauber und einheitlich eingerücktes HTML – inklusive eingebetteter <style>- und <script>-Blöcke.
- Markdown zu HTML — Schreib oder füg Markdown ein und erhalte sofort sauberes HTML, mit bereinigter Live-Vorschau, GitHub-Tabellen, Task-Listen und Code-Blöcken mit Sprachangabe.
- Excel zu JSON — Öffne eine .xlsx-Arbeitsmappe oder füge Zellen direkt aus Excel oder Google Sheets ein und erhalte sauberes JSON.
Häufige Fragen
Wie wandle ich eine Excel-Tabelle in HTML um?
Können Zellen Links oder anderes HTML enthalten?
Ist die Tabelle responsiv?
overflow-x:auto, wie es die meisten responsiven Frameworks tun.