Startseite
Blog
HTML in Markdown umwandeln (mit Spickzettel)

HTML in Markdown umwandeln (mit Spickzettel)

Von teamJUH · Veröffentlicht am 10. November 2026 · 6 Min. Lesezeit

Webseiten bestehen aus HTML: voller Tags, Menüs und Styles und darum schwer zu lesen und von Hand zu bearbeiten. Markdown sagt dasselbe mit normalen Zeichen: # Überschrift, **fett**, - Listenpunkt. Notiz-Apps wie Obsidian, Wikis, GitHub, Baukästen für statische Websites und KI-Chats arbeiten gut damit.

HTML in Markdown umzuwandeln hilft also, wenn du einen Artikel als Notiz behalten, Blogbeiträge auf eine neue Website umziehen, aus einem Dokument eine README machen oder einer KI nur den Text ohne das Drumherum geben willst. Diese Anleitung zeigt, was aus jedem Tag wird und wie du mit dem kostenlosen HTML-zu-Markdown-Konverter umwandelst.

Was aus HTML wird

Fast jedes HTML-Tag hat sein passendes Markdown-Gegenstück. <b> und <i> funktionieren wie <strong> und <em>.

HTML	Markdown
`<h1>Heading</h1>`	`# Heading`
`<h2>Smaller heading</h2>`	`## Smaller heading`
`<strong>bold</strong>`	`bold`
`<em>italic</em>`	`italic`
`<a href="https://example.com">text</a>`	`[text](https://example.com)`
`<img src="photo.jpg" alt="photo">`	`![photo](photo.jpg)`
`<ul><li>item</li></ul>`	`- item`
`<ol><li>item</li></ol>`	`1. item`
`<code>code</code>`	`code`
`<blockquote>quote</blockquote>`	`> quote`
`<del>gone</del>`	`~~gone~~`
`<li><input type="checkbox" checked> Done</li>`	`- [x] Done`

Ein kurzes Beispiel: ein Teil der Webseite eines Ladens, mit Menü, Tabelle und einem Tracking-Skript.

<nav><a href="/">Home</a> <a href="/books">Books</a></nav>
<main>
  <h1>Opening hours</h1>
  <p>We are open <strong>Monday to Saturday</strong>. Visit <a href="https://example.com">our shop</a>.</p>
  <ul>
    <li>Books</li>
    <li><del>Magazines</del> Comics</li>
  </ul>
  <table>
    <tr><th>Day</th><th>Hours</th></tr>
    <tr><td>Monday to Friday</td><td>9:00 to 18:00</td></tr>
    <tr><td>Saturday</td><td>10:00 to 14:00</td></tr>
  </table>
  <script>trackVisitor()</script>
</main>
<footer>Corner Books, 12 High Street</footer>

wird zu diesem Markdown:

# Opening hours

We are open **Monday to Saturday**. Visit [our shop](https://example.com).

- Books
- ~~Magazines~~ Comics

| Day | Hours |
| --- | --- |
| Monday to Friday | 9:00 to 18:00 |
| Saturday | 10:00 to 14:00 |

Nur der Hauptinhalt der Seite bleibt, Menü und Fußbereich sind also weg. Auch das Tracking-Skript fehlt: Skripte landen nie im Markdown.

So bekommst du das HTML

Eine Webseite: Klicke mit der rechten Maustaste auf die Seite und wähle Seitenquelltext anzeigen, markiere alles und kopiere es. Oder speichere die Seite mit Strg+S (Cmd+S auf dem Mac) und öffne die .html-Datei im Konverter.
Ein Teil einer Seite: Klicke mit der rechten Maustaste auf den gewünschten Teil, wähle Untersuchen, dann Rechtsklick auf die markierte Zeile und Kopieren > Element kopieren (Chrome und Edge) oder Kopieren > Äußeres HTML (Firefox).
Ein Word-Dokument: Wähle Datei > Speichern unter und speichere es als Webseite.
Ein Google-Dokument: Wähle Datei > Herunterladen > Webseite. Du bekommst eine .zip-Datei; die .html-Datei darin ist die richtige.

HTML in Markdown umwandeln

Öffne den HTML-zu-Markdown-Konverter und füge dein HTML in HTML-Eingabe ein. Du kannst auch auf Datei öffnen klicken oder eine .html-Datei hineinziehen. Beispiel lädt ein Beispiel.
Wähle die Optionen (unten erklärt). Die Standards passen für die meisten.
Klicke auf In Markdown umwandeln. Prüfe das Ergebnis unter Vorschau, wechsle zu Markdown, um den Text zu sehen, und kopiere ihn oder lade ihn als .md-Datei herunter.

Unter dem Ergebnis zählt eine kurze Zeile die gefundenen Wörter, Überschriften, Links, Bilder und Tabellen, so siehst du auf einen Blick, dass nichts fehlt.

Die Optionen

Nur der Hauptinhalt. Standardmäßig an. Wenn die Seite ihren Hauptinhalt kennzeichnet (mit <main> oder einem einzelnen <article>), werden Menü, Kopf- und Fußbereich drumherum weggelassen, und ein Hinweis sagt es dir. Schalte es aus, um alles umzuwandeln. Im Beispiel oben kommen dann Menü und Fußbereich dazu:

[Home](/) [Books](/books)

# Opening hours
…
Corner Books, 12 High Street

GitHub-Tabellen und Aufgabenlisten. Standardmäßig an. Tabellen werden zu Markdown-Tabellen, <del> zu ~~Durchgestrichenem~~ und Kontrollkästchen in Listen zu Aufgabenlisten. Standard-Markdown kennt nichts davon, schalte es also nur aus, wenn das Markdown an einen strengen Ort geht.
Überschriften. # Überschrift ist der übliche Stil. Unterstrichen schreibt die beiden größten Überschriften mit einer Linie aus === oder --- darunter, wie manche älteren Tools es erwarten.
Aufzählungszeichen. -, * oder +. Sie bedeuten dasselbe; nimm das, was dein Projekt nutzt.
Codeblöcke. Umzäunt setzt Code zwischen ```-Zeilen und behält seine Sprache (```js), die GitHub für die Farben nutzt. Eingerückt rückt ihn stattdessen um vier Leerzeichen ein.
Links. Im Text schreibt jede Adresse direkt zu ihrem Link. Am Ende aufgelistet hält den Text gut lesbar und sammelt die Adressen unten:

We are open **Monday to Saturday**. Visit [our shop][1].

…

[1]: https://example.com

Was Markdown nicht behalten kann

Markdown ist für schlichten, lesbaren Text gedacht, darum bleibt manches auf der Strecke:

Farben, Schriften und Layout. Styles, Klassen und Spalten fallen weg; nur der Text und seine Struktur bleiben.
Bilder bleiben, wo sie sind. Ein Bild wird zu einem Link auf seine Adresse, etwa ![photo](photo.jpg). Ziehst du den Text auf eine andere Website um, lade die Bilder mit herunter.
Komplexe Tabellen. Eine Zelle einer Markdown-Tabelle hat nur eine Zeile, Zeilenumbrüche in einer Zelle werden also zu Leerzeichen, und verbundene Zellen werden mit leeren Zellen daneben aufgeteilt.
Formulare, Videos und Einbettungen. Schaltflächen, Formularfelder, iframes, Skripte und Styles werden immer weggelassen. Besteht eine Seite nur daraus, sagt dir der Konverter, dass kein Text gefunden wurde.

Wird mein HTML hochgeladen?

Nein. Die Umwandlung läuft in deinem Browser, dein HTML verlässt also nie dein Gerät. Außerdem wird das HTML in einer abgeschotteten Kopie gelesen: Nichts darin wird ausgeführt, und beim Umwandeln werden keine Bilder geladen.

Weitere Markdown-Tools

Markdown zu HTML: die andere Richtung, um dein Markdown auf eine Website zu bringen.
Markdown-Tabellengenerator: Tabellen in einem Raster bauen oder aus Excel einfügen.
README-Generator: ein Formular ausfüllen und eine komplette README.md erhalten.

Häufige Fragen

Kann ich eine Webseite über ihre Adresse umwandeln?

Nicht direkt: Der Konverter ruft keine anderen Websites auf, das gehört zu seinem Datenschutz. Öffne die Seite, kopiere ihren Quelltext oder speichere sie wie oben beschrieben und füge sie hier ein oder öffne sie.

Funktioniert das für Obsidian, Notion oder GitHub?

Ja. Das Ergebnis ist Standard-Markdown mit GitHub-Tabellen und Aufgabenlisten, das alle drei verstehen. Füge es in eine Notiz ein oder lade die .md-Datei herunter und importiere sie.

Warum endet mein Zeilenumbruch mit zwei Leerzeichen?

So schreibt Markdown einen Zeilenumbruch innerhalb eines Absatzes (<br> in HTML). Die Leerzeichen sind unsichtbar, aber nötig: Lass sie stehen.