HTML-Markdownkonverter

Anleitung · 7 Min. Lesezeit

Markdown-Tabelle erstellen: Syntax, Ausrichtung und Beispiele

Markdown-Tabelle erstellen: die Grundsyntax mit Pipe und Trennzeile, Spalten links, mittig oder rechts ausrichten, häufige Fehler vermeiden und die Tabelle bei Bedarf in HTML umwandeln. Mit kopierbaren Beispielen.

Jan-Tristan Rudat
Jan-Tristan Rudat Veröffentlicht Geprüft

Kurz gesagt

Eine Markdown-Tabelle besteht aus einer Kopfzeile, einer Trennzeile aus Bindestrichen und beliebig vielen Datenzeilen, alle Spalten getrennt durch das Pipe-Zeichen. Mit Doppelpunkten in der Trennzeile richten Sie Spalten links, mittig oder rechts aus. Die häufigsten Fehler sind die fehlende Trennzeile und eine ungleiche Spaltenzahl. Bei Bedarf wandeln Sie die Tabelle kostenlos in HTML um.

Die Grundsyntax

Markdown-Tabellen folgen einem festen Muster. Jede Spalte wird durch ein Pipe-Zeichen getrennt, das auf der deutschen Tastatur mit AltGr und der Taste links neben Y liegt. Direkt unter der Kopfzeile steht eine Pflichtzeile aus Bindestrichen, die Kopf und Daten voneinander abgrenzt. Erst diese Trennzeile macht aus mehreren Textzeilen überhaupt eine Tabelle.

| Spalte A | Spalte B | Spalte C |
| -------- | -------- | -------- |
| Wert 1   | Wert 2   | Wert 3   |
| Wert 4   | Wert 5   | Wert 6   |

Das Ergebnis ist eine dreispaltige Tabelle mit zwei Datenzeilen. Die äußeren Pipe-Zeichen am Zeilenanfang und Zeilenende sind übrigens optional, sie verbessern aber die Lesbarkeit im Quelltext. Mindestens drei Bindestriche pro Spalte sind eine gute Gewohnheit, technisch reicht oft schon einer.

Spalten ausrichten: links, mittig, rechts

Die Ausrichtung steuern Sie ausschließlich über die Trennzeile, indem Sie Doppelpunkte an die Bindestriche setzen. Die Regel ist leicht zu merken: Der Doppelpunkt zeigt, wohin der Text rückt.

  • :--- richtet die Spalte linksbündig aus.
  • :---: zentriert die Spalte.
  • ---: richtet die Spalte rechtsbündig aus, ideal für Zahlen und Beträge.
  • :--: ist die kurze Schreibweise für zentriert.

In der Praxis sieht eine Tabelle mit allen drei Varianten so aus:

| Links     | Mittig | Rechts |
| :-------- | :----: | -----: |
| Text      | Text   | 1,50   |
| Mehr Text | OK     | 12,00  |

Beträge und Mengen wirken rechtsbündig deutlich aufgeräumter, weil die Kommastellen untereinander stehen. Für Textspalten ist linksbündig fast immer die beste Wahl.

Häufige Fehler

Die meisten kaputten Tabellen scheitern an wenigen, immer gleichen Ursachen. Diese Übersicht hilft beim schnellen Eingrenzen:

Fehler Folge Lösung
Trennzeile fehlt Tabelle bleibt Text Bindestrich-Zeile einfügen
Ungleiche Spaltenzahl Zellen verrutschen Pipes pro Zeile zählen
Pipe im Zellentext Falsche neue Spalte Als | schreiben
Kein GFM aktiv Nichts wird gerendert GFM-Umgebung nutzen

So sieht eine Tabelle aus, der genau die wichtige Trennzeile fehlt. Sie wird in keiner Umgebung als Raster erscheinen:

| Name | Rolle |
| Anja | Leitung |

Mit einer einzigen ergänzten Bindestrich-Zeile zwischen Kopf und Daten funktioniert sie sofort.

Tabelle in HTML umwandeln

Soll Ihre Markdown-Tabelle in eine Webseite oder ein CMS, das kein Markdown versteht, wandeln Sie sie in HTML um. Fügen Sie die Tabelle in den Markdown-zu-HTML-Konverter ein und Sie erhalten ein vollständiges <table>-Element mit <thead> und <tbody>. Das passiert komplett lokal im Browser, ohne Upload und kostenlos.

Tipp: HTML-Tabelle automatisch holen

Sie müssen eine Tabelle nicht immer von Hand abtippen. Liegt sie bereits als HTML vor, etwa aus einer Webseite kopiert, dann nutzen Sie die Gegenrichtung und lassen sie automatisch in Markdown umwandeln. Wie das im Detail läuft und wo die Grenzen liegen, steht im Ratgeber HTML-Tabelle in Markdown umwandeln.

Übrigens kommt Markdown auch mit sehr knappem Quelltext klar. Ohne Leerzeichen und ohne äußere Pipes ist diese Form völlig gültig:

Name|Rolle
---|---
Anja|Leitung

Grenzen von Markdown-Tabellen

Markdown-Tabellen sind für überschaubare Datenraster gemacht. Verbundene Zellen über mehrere Spalten oder Zeilen, mehrere Kopfzeilen oder verschachtelte Tabellen gehören nicht dazu. Auch Zeilenumbrüche innerhalb einer Zelle sind nur über den Umweg <br> möglich. Wird eine Tabelle so komplex, ist eine reine HTML-Tabelle die ehrlichere Lösung, die Sie in GitHub Flavored Markdown einfach als rohen HTML-Block einbetten dürfen.

Häufige Fragen

Wie erstelle ich eine Markdown-Tabelle?

Spalten mit dem Pipe-Zeichen trennen und unter die Kopfzeile eine Trennzeile aus Bindestrichen setzen. Danach folgen beliebig viele Datenzeilen im gleichen Spaltenmuster.

Wie richte ich Spalten aus?

Über Doppelpunkte in der Trennzeile: :--- ist linksbündig, :---: zentriert und ---: rechtsbündig. Rechtsbündig eignet sich besonders für Zahlen.

Warum wird meine Tabelle nicht angezeigt?

Meist fehlt die Trennzeile oder die Umgebung unterstützt kein GitHub Flavored Markdown. Tabellen sind eine GFM-Erweiterung und brauchen eine passende Umgebung.

Kann ich die Tabelle in HTML umwandeln?

Ja, mit dem Markdown-zu-HTML-Konverter auf dieser Seite. Sie erhalten ein sauberes <table>-Element, lokal im Browser und ohne Upload.

Weiterführende Artikel

Anzeige
Anzeige
Anzeige
Anzeige
Anzeige