Word in HTML umwandeln
Ein Word-Dokument (.docx) in sauberes, semantisches HTML ohne Formatierungsballast umwandeln
Ihre Dateien bleiben bei Ihnen. Die Umwandlung läuft im Browser; keine Datei wird auf einen Server hochgeladen.
Hat dieses Werkzeug geholfen?
Danke, Ihre Rückmeldung ist angekommen.
So funktioniert es
Ein typischer Fall: Eine Mitteilung, eine Satzung oder ein Blogartikel liegt als Word-Datei vor und soll auf die Website, aber Words „Als Webseite speichern“ liefert Hunderte Zeilen mso-Stile und verschachtelte span-Tags. Tippen oder klicken Sie auf das Feld, wählen Sie die .docx-Datei und dann In HTML umwandeln; aus „mitteilung.docx“ wird „mitteilung.html“ im Ordner Downloads. Das Werkzeug liest die Struktur des Dokuments, nicht sein Aussehen: Eine Zeile mit der Formatvorlage Überschrift 1 wird <h1>, ein fettes Wort <strong>, eine Aufzählung <ul><li>, eine nummerierte Liste <ol>, eine Tabelle <table>. Im deutschen Word heißt die Vorlage intern etwa „berschrift1“; das Werkzeug liest trotzdem den Vorlagennamen und findet die richtige Ebene. Farben, Schriften und Ausrichtung bleiben bewusst weg, das Aussehen bestimmt das CSS Ihrer Website. Mit „Nur Inhalt“ kommt die Datei ohne <html> und <head>; öffnen Sie sie im Editor und fügen Sie den Code im Code-Editor von WordPress ein.
Dieses Werkzeug ist auch als word in html umwandeln, docx in html umwandeln, word dokument als html, sauberes html aus word, word to html bekannt.
Was ist HTML?
HTML ist die Auszeichnungssprache, die das Gerüst einer Webseite bildet: <h1> markiert die Hauptüberschrift, <p> einen Absatz, <ul> eine Aufzählung, <table> eine Tabelle und <a> einen Link. HTML sagt, was ein Teil ist; wie er aussieht, bestimmt eine eigene Sprache, CSS. Sauberes HTML hält diese Trennung ein: Tags tragen nur Bedeutung, das Aussehen bleibt dem CSS der Website überlassen. Suchmaschinen und Screenreader verstehen die Seite über diese semantischen Tags.
Was ist DOCX (Word-Dokument)?
DOCX ist das Format von Word seit 2007: außen eine Datei, innen ein komprimiertes XML-Paket. Der Text liegt in einer Datei, die Formatvorlagen wie Überschrift 1 und Standard in einer zweiten, die Regeln für nummerierte Listen in einer dritten, Bilder in einem eigenen Ordner. Dieses Werkzeug öffnet das Paket, liest die Überschriftenebene aus dem Vorlagennamen und die Listenart aus der Nummerierungsdatei und macht daraus HTML-Tags.
Word-Dokument oder HTML-Seite: Was ist der Unterschied?
Ein Word-Dokument ist für den Druck gedacht: Papierformat, Ränder, Seitenumbrüche, Schrift und Schriftgröße gehören dazu. Eine HTML-Seite fließt in die Bildschirmbreite; sie ändert sich zwischen Handy und Desktop, Seiten gibt es nicht, und das Aussehen legt das CSS der Website fest. Der saubere Weg von Word zu HTML überträgt deshalb die Struktur, nicht das Aussehen: Überschrift bleibt Überschrift, Liste bleibt Liste, Tabelle bleibt Tabelle, aber 2,5 cm Rand oder Calibri 11 pt gehören nicht auf eine Webseite.
Warum Words eigenes HTML unsauber ist und was dieses Werkzeug weglässt
Der Export „Webseite“ von Word will die Datei in Word wieder öffnen können: Jeder Absatz erhält die Klasse MsoNormal, jede Wortgruppe ein span mit font-family und mso-Eigenschaften, am Anfang steht ein Stilblock mit Hunderten Zeilen samt bedingter Kommentare. Dieser Code kollidiert mit dem Design Ihrer Website, macht die Seite schwer und versteckt den Inhalt vor Suchmaschinen.
Dieses Werkzeug macht das Gegenteil und behält nur die Bedeutung. Überschriftenebenen, Absätze, Fett und Kursiv, Hoch- und Tiefstellung, Links, Aufzählungen und nummerierte Listen (auch verschachtelt), Tabellen und Fußnoten werden mit den HTML-eigenen Tags geschrieben. Leere Absätze, in Word per Eingabetaste als Abstand gesetzt, fallen weg. Farbe, Schrift, Größe, Ausrichtung und Ränder bleiben bewusst draußen; sie gehören ins CSS Ihrer Website.
Zur Sicherheit werden gefährliche Linkziele wie javascript: entfernt, und <, > und & im Text werden so maskiert, dass sie richtig angezeigt werden.
- Überschrift 1-6 → <h1>-<h6>
- Fett / kursiv → <strong> / <em>
- Aufzählung / Nummerierung → <ul> / <ol start="…">
- Tabelle → <table>, verbundene Zelle → colspan / rowspan
- Hyperlink → <a href>
- Fußnote → <sup> + Liste am Ende
Welche Option wann, und die ehrlichen Grenzen
„Vollständige Seite“ erzeugt eine eigenständige Datei mit <!DOCTYPE>, Zeichenkodierung und einem Seitentitel aus der ersten Überschrift; sie öffnet sich per Doppelklick im Browser und lässt sich an eine E-Mail anhängen. „Nur Inhalt“ liefert den Körper für die Vorlage Ihrer Website: Fügen Sie ihn im WordPress-Blockeditor in einen Block „Individuelles HTML“ ein oder wechseln Sie in den Code-Editor.
Eingebettete Bilder stehen als data:-Adresse im HTML. Die Datei bleibt ein Stück, aber jedes Bild braucht etwa ein Drittel mehr Platz als die Bilddatei (ein 2-MB-Foto wird rund 2,7 MB HTML). Laden Sie Bilder separat auf Ihre Website, wählen Sie „Weglassen“. EMF/WMF-Zeichnungen und TIFF-Bilder, die Browser nicht anzeigen, fallen immer weg; die Ergebniszeile zählt sie.
Textfelder, Kopf- und Fußzeilen, Kommentare und in der Änderungsverfolgung gelöschter Text werden nicht übernommen. Das alte .doc-Format (Word 97-2003) wird nicht gelesen; speichern Sie es in Word als .docx.
Häufige Fragen
Wie wandle ich ein Word-Dokument in HTML um?
Wählen Sie auf dieser Seite Ihre .docx-Datei aus und tippen oder klicken Sie auf In HTML umwandeln. Das Dokument wird im Browser in sauberes HTML umgewandelt, die .html-Datei landet im Ordner Downloads. Um den Code zu sehen und zu kopieren, öffnen Sie die Datei im Editor oder einem anderen Texteditor.
Was ist der Unterschied zu „Als Webseite speichern“ in Word?
Der Word-Export fügt Hunderte Zeilen Stile, die Klasse MsoNormal und mso-Eigenschaften ein, damit sich die Datei wieder in Word öffnen lässt. Dieses Werkzeug schreibt nur die Struktur: Überschriften, Absätze, Hervorhebungen, Listen, Tabellen und Links. Der Code ist um ein Vielfaches kleiner und kollidiert nicht mit Ihrem Website-Design.
Wie füge ich das HTML in WordPress ein?
Wandeln Sie mit „Nur Inhalt“ um, öffnen Sie die .html-Datei im Editor und kopieren Sie alles. Fügen Sie im WordPress-Blockeditor einen Block „Individuelles HTML“ hinzu oder wechseln Sie über das Menü oben rechts in den Code-Editor. Überschriften und Listen erscheinen dann im Stil Ihres Themes.
Wird mein Dokument auf einen Server hochgeladen?
Nein. Die Word-Datei wird in Ihrem Browser geöffnet und das HTML dort erzeugt; Dokument, Bilder und Text werden nicht ins Internet übertragen.