HTML → Markdown wandelt HTML-Code direkt im Browser in einfaches Markdown um: Aus Überschriften, Fett- und Kursivschrift, Links, Listen und Inline-Code werden automatisch die passenden Markdown-Zeichen wie #, ** oder [Text](URL). Das brauchst du, wenn du Inhalte aus einer Webseite, einem CMS-Export oder einer Notiz in eine README-Datei, ein Wiki oder einen anderen Markdown-Editor übernehmen willst, ohne die Formatierung von Hand nachzubauen.
So funktioniert HTML → Markdown
Füge deinen HTML-Code in das Feld HTML ein, zum Beispiel <h1>Titel</h1><p>Ein <b>Beispiel</b></p>. Das Tool wandelt den Code bei jedem Tastendruck sofort in Markdown um, ganz ohne Klick auf einen Button, und zeigt das Ergebnis darunter in einem Codefeld mit „Kopieren“-Button an. Lässt du das Feld leer, erscheint stattdessen der Hinweis „Bitte HTML einfügen.“
Verarbeitet wird ausschließlich der eingefügte Code – es wird keine URL geladen und keine Webseite im Hintergrund abgerufen.
Welche HTML-Elemente werden umgewandelt
Überschriften <h1> bis <h6> werden zu ein bis sechs Rauten (# bis ######), <strong> und <b> zu **fett**, <em> und <i> zu *kursiv*. Ein Link <a href="URL">Text</a> wird zu [Text](URL) – das href-Attribut muss dafür in doppelten Anführungszeichen stehen, sonst bleibt nur der reine Linktext übrig.
Punkte in <li> werden – egal ob in <ul> oder <ol> – zu Zeilen mit vorangestelltem Bindestrich, <code> wird zu Inline-Code in Backticks und <br> zu einem Zeilenumbruch. Zwischen zwei <p>-Absätzen entsteht eine Leerzeile, nach einer Überschrift folgt der Text dagegen sofort in der nächsten Zeile.
Grenzen: Was nicht funktioniert
Das Tool arbeitet mit festen Textregeln statt einem vollständigen HTML-Parser, deshalb bleiben einige Fälle auf der Strecke. Formatierungen innerhalb einer Überschrift gehen verloren: Aus <h2>Über <b>uns</b></h2> wird schlicht ## Über uns ohne Sternchen. Eine echte Nummerierung entsteht bei <ol> ebenfalls nicht – nummerierte und einfache Listen ergeben beide Zeilen mit Bindestrich.
<img>-Tags verschwinden ersatzlos, es entsteht kein , und Tabellen (<table>, <tr>, <td>) werden nicht zu Markdown-Tabellen – ihre Zellinhalte landen ohne Trennzeichen direkt hintereinander. Sterne oder Unterstriche, die schon in deinem Ausgangstext stehen, werden nicht maskiert und können im fertigen Markdown ungewollt wie Formatierung wirken.
Beispiel
Der Code <h1>Titel</h1><p>Ein <b>Beispiel</b> mit <a href="https://x.de">Link</a>.</p> ergibt dieses Markdown: # Titel, gefolgt von Ein **Beispiel** mit [Link](https://x.de). in der nächsten Zeile.
Die Überschrift <h1> wird zur Raute, <b> zu zwei Sternchen und der Link zu eckigen Klammern mit der Adresse in runden Klammern dahinter. Der umschließende <p>-Absatz selbst erzeugt keine sichtbaren Zeichen; weil er direkt der Überschrift folgt, steht der Text ohne Leerzeile eine Zeile darunter.
Häufige Fragen
Werden meine Eingaben gespeichert?
Warum taucht mein Bild nicht im Markdown auf?
<img>-Tags nicht in die Markdown-Bildsyntax  um, sondern entfernt sie ersatzlos. Ergänze das Bild bei Bedarf von Hand.Warum wird meine nummerierte Liste nicht mit 1. 2. 3. dargestellt?
<ol> als auch <ul> werden zu einer einfachen Liste mit Bindestrichen. Eine automatische Nummerierung erzeugt das Tool nicht.Warum bleibt mein Link als reiner Text stehen statt als Markdown-Link?
<a href="..."> mit doppelten Anführungszeichen wird erkannt und umgewandelt.Kann ich auch HTML-Tabellen umwandeln?
<table>, <tr> und <td> werden nur als Tags entfernt, die Zellinhalte landen ohne Trennzeichen direkt hintereinander.