In HTML müssen wir viele Tags hinzufügen und Stil wird auch in HTML für die Formatierung hinzugefügt. Wir können die gleichen Aufgaben in HTML erledigen, die wir auch mit Markdown erledigen können. Wir können die Markdown-Datei einfach in die HTML-Datei konvertieren, indem wir einfach einige Befehle verwenden. Wie Sie den Markdown in HTML umwandeln, erklären wir hier. Wir werden den Markdown auch in HTML konvertieren und dieses Konzept in diesem Leitfaden ausführlich beschreiben. Nun wandeln wir die Markdown-Datei in die HTML-Datei um. Außerdem zeigen und erklären wir jeden Schritt, den wir befolgen müssen, um die Markdown-Datei in die HTML-Datei in Visual Studio Code zu konvertieren.
Beispiel 1:
Wir verwenden hier den Visual Studio Code. Wir zeigen, wie wir in Visual Studio Code die Markdown-Datei in die HTML-Datei umwandeln. Dazu müssen wir die Markdown-Datei in diesem Visual Studio Code erstellt haben. Die Datei, die wir hier erstellen, heißt „myabcfile.md“. In dieser Datei fügen wir die Überschrift mit dem „#“-Tag hinzu. Dann fügen wir unter dieser Überschrift einen Text hinzu, der ein einfacher Text oder Absatz ist. Jetzt fügen wir auch eine weitere Zeile ein, die fett ist, weil wir zwei Sternchen am Anfang und zwei Sternchen am Ende dieser Zeile einfügen. Diese Zeile erscheint hier also fett. Danach setzen wir das Wort „Liste“ kursiv. Wir setzen dieses Wort mit zwei Unterstrichen kursiv. Ein Unterstrich wird am Anfang und ein Unterstrich am Ende des Wortes hinzugefügt. In der folgenden Abbildung generieren wir die geordnete Liste, indem wir die Nummer platzieren und den Punkt nach der Nummer setzen. Jetzt speichern wir diese Datei. Wir zeigen auch, wie diese Datei im Vorschaufenster angezeigt wird.
Wir zeigen nur die Ausgabe des Markdown-Codes im Vorschaufenster. Jetzt konvertieren wir diesen Markdown in HTML. Fahren Sie fort und sehen Sie in der folgenden Abbildung, wie Sie diese Markdown-Datei in eine HTML-Datei konvertieren:
Öffnen Sie das Terminal, indem Sie auf das Terminal in der Taskleiste klicken, die sich oben in diesem Visual Studio-Code befindet. Wenn dieses Terminal geöffnet wird, geben Sie den Befehl „code –install-extension yzhang.markdown-all-in-one“ ein, der auch im Folgenden gezeigt wird. Nachdem wir diesen Befehl im Terminal des Visual Studio Code eingegeben haben, drücken wir die „Enter“-Taste. Nachdem wir diesen Befehl erfolgreich kompiliert haben, machen wir weiter. Dieser Befehl hilft bei der Installation dieser Erweiterung, die hier erwähnt wird.
Wenn die vorherige Erweiterung erfolgreich installiert ist, öffnen wir die „Befehlspalette“ in diesem Visual Studio-Code. Diese Befehlspalette wird durch einfaches Drücken der Tasten „STRG+UMSCHALT+P“ geöffnet. Danach wird das Dropdown oben in dieser Visual Studio Code-App geöffnet. Hier geben wir einfach „Markdown“ ein und dann erscheinen dort viele Befehle. Wir wählen hier „Markdown All in One: Aktuelles Dokument in HTML drucken“ aus, wie in der folgenden Abbildung gezeigt. Hier wählen wir diesen Befehl nach dem Drücken von „CTRL+SHIFT+P“. Nun wird diese Markdown-Datei mit Hilfe dieses Befehls, den wir hier ausgewählt haben, in die HTML-Datei umgewandelt.
Beide Dateien werden hier angezeigt. Diese „myabcfile.md“ wandeln wir in die Datei „myabcfile.html“ um. Der Markdown sowie die HTML-Datei sind im folgenden Bild dargestellt. Diese HTML-Datei enthält alle Daten, die wir in der Markdown-Datei hinzugefügt haben. Der einzige Unterschied besteht jedoch darin, dass die HTML-Datei die verschiedenen Tags und Stile enthält, die Markdown-Datei jedoch nicht viele Tags enthält.
Die HTML-Datei wird auch im folgenden Bild angezeigt. Sie können die „,
,