Softonic

Markdown zu HTML Konverter

Schritt 1 / 3
Weiter

Füge Markdown ein und erhalte sauberes semantisches HTML zurück, <h1> bis <h6>, <ul>, <ol>, <table>, <pre><code> mit hervorgehobener Syntax, <blockquote>, automatisch verlinkte URLs. Wähle das vollständige Dokument (mit <html>, <head> und einem minimalen Stylesheet) oder Fragment (nur der Body-Inhalt), je nachdem, ob du es in eine bestehende Seite einfügst oder eine eigenständige Datei produzierst.

Wie man Markdown in HTML konvertiert

  1. 1

    Markdown einfügen

    Vollständiges Dokument oder Snippet. YAML-Frontmatter wird automatisch entfernt, falls vorhanden.

  2. 2

    Erweiterungsset auswählen

    Nur CommonMark, GFM (Tabellen, Aufgabenlisten, Autolinks) oder GFM + Mathematik.

  3. 3

    Ausgabemodus wählen

    Fragment zum Einbetten oder vollständiges HTML-Dokument mit Kopf und minimalem CSS.

  4. 4

    HTML kopieren oder herunterladen

    Hole dir das HTML als Text oder speichere es als `.html`-Datei.

Zuordnungstabelle

Markdown HTML
# Überschrift 1 <h1>Überschrift 1</h1>
**fett** <strong>fett</strong>
*kursiv* <em>kursiv</em>
`code` <code>code</code>
Eingezäunter Code mit Sprache <pre><code class="language-js">
- Element <ul><li>Element</li></ul>
1. Element <ol><li>Element</li></ol>
> zitat <blockquote><p>Zitat</p></blockquote>
[text](url) <a href="url">text</a>
![alt](src) <img src="src" alt="alt">
--- <hr>
GFM-Tabelle <table><thead>...</thead>...
- [x] erledigt <input type="checkbox" checked disabled>

Syntaxhervorhebung

Eingezäunte Codeblöcke mit Sprachhinweisen erhalten ein class="language-xxx" Attribut im <code> Element. Der Konverter fügt auch die tokenisierte Ausgabe von highlight.js ein, wenn du “vorher hervorgehoben” umschaltest, nützlich, wenn die Zielseite keine Hervorhebungs-Laufzeit lädt.

Vollständiges Dokument vs. Fragment

  • Fragment ist nur das innere HTML, beginne mit <h1> oder was auch immer das erste Element ist. Füge es in einen bestehenden CMS-Block, E-Mail-Text oder Frontend-Komponente ein.
  • Vollständiges Dokument umschließt das Fragment in <!DOCTYPE html>, <html>, <head> mit einem kleinen Standard-Stylesheet (Typografie, Codeblöcke, Tabellen). Speichere es als .html und es öffnet sich in jedem Browser, keine zusätzlichen Dateien erforderlich.

Inline- vs. externes CSS

  • Inline-Stile (umschalten) setzen alle CSS direkt auf Elemente. Hässlich, aber narrensicher für E-Mail-Vorlagen.
  • Klassen (Standard) halten das HTML sauber und erwarten, dass das Stylesheet deiner Seite das Styling übernimmt.

Barrierefreiheitsnotizen

  • Überschriften werden als semantische <h1>–<h6> gerendert und bewahren deine Hierarchie. Überspringe keine Ebenen im Quelltext.
  • Bilder ohne Alt-Text erzeugen <img alt=""> (ein absichtlich leerer Alt-Text für dekorative Bilder), füge jedoch Alt-Text hinzu, es sei denn, das Bild ist wirklich Dekoration.
  • Tabellen erhalten ein <thead> für die Kopfzeile, was die Navigation für Screenreader verbessert.

Häufig gestellte Fragen

Ja. Rohes HTML im Quelltext wird durchgelassen, wobei Skript-Tags und Ereignisattribute entfernt werden. Wenn du unsanitisierten Output benötigst (du vertraust dem Input), gibt es einen Schalter, benutze ihn nicht für von Benutzern bereitgestellten Inhalt.

GFM-Aufgabenlisten (- [x], - [ ]) werden zu <input type="checkbox" disabled> Elementen. Das disabled Attribut verhindert versehentliche Zustandsänderungen in der gerenderten Ansicht.

Ja, aktiviere Inline-Stile. Der Konverter fügt ein minimales Stil-Attribut in jeden Block ein, was E-Mail-Clients (Outlook, Gmail) benötigen, da sie <style>-Blöcke entfernen.

Aktiviere die Mathematik-Erweiterung und $x^2$ oder $$...$$ Blöcke werden über KaTeX gerendert. Der Konverter gibt statisches SVG oder HTML aus, keine Laufzeit MathJax erforderlich.

Nein. Parsing und HTML-Generierung erfolgen in deinem Browser. Der Quelltext und die Ausgabe verlassen niemals dein Gerät.

Verwandte Tools

ASCII-Tabelle Referenz

Vollständige ASCII-Tabelle von 0 bis 127 mit Dezimal-, Hex-, Oktal-, Binär- und numerischer HTML-Zeichenreferenz für jedes Zeichen, einschließlich Steuerzeichen wie NUL, LF und DEL.

HTML-Zeichenreferenz

Durchsuchbare Liste von HTML-Entitäten, ihren benannten und numerischen Codes sowie eine Ein-Klick-Kopie für Sonderzeichen und Symbole.

Farbrad-Explorer

Erforschen Sie das Farbrad interaktiv. Rotieren Sie Harmonien, vergleichen Sie HSL mit RYB, erkennen Sie komplementäre und triadische Paare in Echtzeit.

Referenz für Tastenkombinationen

Durchsuchen Sie dokumentierte Standardkürzel für VS Code, Chrome und Bash mit GNU Readline unter macOS, Windows und Linux.

Zufallsbuchstaben-Generator

Erzeugen Sie zufällige A-Z-Buchstaben. Wählen Sie Anzahl, Großschreibung, Kleinschreibung oder gemischte Schreibweise für Spiele, Aufgaben und Unterricht.

HTML-Formatter

Formatieren Sie HTML lokal im Browser mit zwei oder vier Leerzeichen Einrückung. HTML wird weder hochgeladen noch validiert.

Tool in anderen Sprachen verfügbar