Was das Tool macht
Dieses Tool wandelt CSV-Daten in eine HTML-Tabelle um. Die erste Zeile wird zur Tabellenüberschrift (<th>-Zellen innerhalb von <thead>), jede weitere Zeile wird zu einem <tr> in <tbody>. Das Markup ist eingerückt und frei von Inline-Styles – leicht zu lesen, zu bearbeiten und zu gestalten.
Nutze es, um eine Tabelle aus einer Tabellenkalkulation auf einer Website zu veröffentlichen, eine Tabelle in einen Blogartikel oder Newsletter einzubauen oder Daten in einer HTML-Seite zu dokumentieren.
So funktioniert es
- Füge CSV in das Feld Eingabe ein, lade eine
.csv-Datei hoch oder klicke auf Beispiel. - Das HTML erscheint während der Eingabe rechts.
- Wähle das Trennzeichen, falls die automatische Erkennung das falsche erwischt, und schalte Erste Zeile ist Kopfzeile aus, wenn deine Daten keine Kopfzeile haben.
- Kopiere das HTML oder lade es als
.html-Datei herunter.
Beispiel
name,city
Alice,Shanghaiwird zu
<table>
<thead>
<tr>
<th>name</th>
<th>city</th>
</tr>
</thead>
<tbody>
<tr>
<td>Alice</td>
<td>Shanghai</td>
</tr>
</tbody>
</table>Hinweise
Zeilen mit weniger Zellen als die breiteste Zeile werden mit leeren Zellen aufgefüllt, sodass jede Zeile gleich viele Spalten hat.
FAQ
› Kann ich die erzeugte Tabelle gestalten?
Ja. Die Ausgabe ist reines <table>-, <thead>-, <tbody>-, <tr>-, <th>- und <td>-Markup ohne Inline-Styles und übernimmt daher das CSS deiner Website. Gib dem <table>-Tag eine Klasse, um es gezielt anzusprechen.
› Was, wenn meine CSV keine Kopfzeile hat?
Schalte „Erste Zeile ist Kopfzeile“ aus. Dann werden alle Zeilen als Datenzeilen geschrieben, und es wird kein <thead> erzeugt.
› Sind Sonderzeichen sicher?
Ja. <, >, & und Anführungszeichen werden maskiert, sodass Zellinhalte als Text angezeigt werden und kein HTML einschleusen können. Zeilenumbrüche innerhalb einer Zelle werden zu <br>.
› Gibt es eine Größenbeschränkung?
Eingaben bis 1 MB werden während der Eingabe umgewandelt; größere Dateien wechseln in den manuellen Modus – klicke dann auf Ausführen.