So nutzt du: HTML-Tabellen-Generator
- Tippe in die Zellen — die erste Zeile wird zur Tabellenüberschrift (
<th>). - Füge einen Bereich aus Excel oder Google Sheets in eine Zelle ein, um viele Zellen auf einmal zu füllen.
- Lege die Spaltenausrichtung über die Buttons oberhalb jeder Spalte fest.
- Kopiere das HTML — wechsle zu Markdown, wenn du es für eine README brauchst.
Aufbau einer HTML-Tabelle
<table>
<thead>
<tr><th scope="col">Plan</th><th scope="col" style="text-align: right">Preis</th></tr>
</thead>
<tbody>
<tr><td>Pro</td><td style="text-align: right">$12</td></tr>
</tbody>
</table>- <thead> und <th scope="col"> markieren die Kopfzeile, damit Screenreader für jede Zelle den Spaltennamen ansagen.
- <tbody> enthält die Datenzeilen; Browser ergänzen es ohnehin, aber wenn du es schreibst, bleiben deine CSS-Selektoren vorhersehbar.
- Verwende Tabellen nur für tabellarische Daten — für das Seitenlayout nutze stattdessen CSS Grid.
Tabellen in E-Mails
E-Mail-Clients ignorieren die meisten CSS-Regeln. Halte die Tabelle deshalb einfach und verwende die Ausrichtungsattribute, die der Generator ergänzt. Teste in den Clients, die für dich wichtig sind.
Liegen deine Daten als CSV-Datei vor? CSV zu HTML-Tabelle wandelt sie direkt um.
Auch gesucht als: html tabelle generator, html tabelle erstellen, html tabelle code, tabellen generator html, excel to html tabelle, html tabellen maker, tabelle html online, html tabellen builder.
Passende Tools zu: HTML-Tabellen-Generator
- Select-Menü-Generator — Schluss mit dem manuellen Tippen von Optionslisten.
- Markdown-Tabellen-Generator — Erstelle eine Tabelle in einem tabellenkalkulationsähnlichen Editor — oder füge Zellen aus Excel, Google Sheets oder CSV ein, lege die Spaltenausrichtung fest und erhalte eine sauber ausgerichtete Markdown-Tabelle (GitHub-Flavored) oder sauberes HTML.
- 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.
- HTML Minifier — Verkleinere HTML-Seiten und Templates, indem du Kommentare und überflüssigen Leerraum entfernst, Inline-<style> und <script> minifizierst und Attribute bereinigst.
Häufige Fragen
Wie erstelle ich eine HTML-Tabelle?
Fülle den Editor hier aus und kopiere den generierten -Code — oder schreibe , für jede Zeile ein
| und für Datenzellen ein | .Wie wandle ich eine Excel-Tabelle in eine HTML-Tabelle um?Kopiere die Zellen in Excel und füge sie in die erste Zelle des Editors ein. Das HTML wird sofort aktualisiert. Ist das HTML barrierefrei?Ja — die Kopfzeile steht in mit -Zellen, die Screenreader verwenden, um die Spalten anzusagen. | Kann ich die Tabelle gestalten?Füge der |
|---|