In HTML müssen wir viele Tags hinzufügen, und es wird auch in HTML zum Formatieren hinzugefügt. Wir können die gleichen Aufgaben in HTML erledigen, die wir auch mit dem Markdown erledigen können. Wir können die Markdown -Datei einfach in die HTML -Datei konvertieren, indem wir einfach einige Befehle verwenden. Wir werden erklären, wie der Markdown hier in HTML konvertiert werden kann. Wir werden den Markdown auch in HTML umwandeln und eine detaillierte Beschreibung dieses Konzepts in diesem Leitfaden geben. Jetzt konvertieren wir die Markdown -Datei in die HTML -Datei. Außerdem werden wir jeden Schritt zeigen und erklären, dem wir folgen müssen, um die Markdown -Datei in die HTML -Datei im Visual Studio -Code umzuwandeln.
Beispiel 1:
Wir verwenden den Visual Studio -Code hier. Wir zeigen, wie wir die Markdown -Datei in die HTML -Datei im Visual Studio -Code konvertieren. Dafür müssen wir die Markdown -Datei in diesem Visual Studio -Code erstellen lassen. 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 einen Text unter dieser Überschrift hinzu, der ein einfacher Text oder Absatz ist. Jetzt fügen wir auch eine andere Zeile ein, die fett ist, weil wir zu Beginn zwei Sternchen einfügen. Diese Zeile erscheint also hier mutig. Danach machen wir das Wort "Liste" kursiv. Wir machen dieses Wort mit zwei Unterstrichen kursiv. Ein Unterstrich wird zu Beginn hinzugefügt und ein Unterstrich wird am Ende des Wortes hinzugefügt. In der folgenden Abbildung erstellen wir die bestellte Liste, indem wir die Nummer platzieren und den Punkt nach der Nummer einstellen. Jetzt speichern wir diese Datei. Wir werden auch zeigen, wie diese Datei im Vorschau -Fenster angezeigt wird.
Wir zeigen nur die Ausgabe des Markdown -Code im Vorschaufenfenster an. Jetzt konvertieren wir diesen Markdown in HTML. Wechseln 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 oben in diesem Visual Studio -Code vorhanden ist. Wenn dieses Terminal geöffnet wird, geben Sie den „Code -Installation -Erweiterung yzhang ein.Markdown-All-in-One-Befehl, der auch im Folgenden angezeigt wird. Nachdem wir diesen Befehl in das Terminal des Visual Studio -Code eingegeben haben. Nachdem wir diesen Befehl erfolgreich zusammengestellt haben, bewegen wir uns vorwärts. 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 geöffnet, indem einfach die Tasten „Strg+Shift+P“ getroffen werden. Danach wird der Dropdown oben in dieser Visual Studio -Code -App geöffnet. Hier geben wir einfach "Markdown" ein und dann werden dort viele Befehle angezeigt. Wir wählen hier die im folgenden Bild gezeigten "Markdown in One: Drucken Sie das aktuelle Dokument auf HTML" aus. Hier wählen wir diesen Befehl nach dem Drücken des „Strg+Shift+P“ aus. Jetzt wird diese Markdown -Datei mit Hilfe dieses Befehls, den wir hier ausgewählt haben, in die HTML -Datei konvertiert.
Beide Dateien werden hier angezeigt. Wir konvertieren dies „MyAbcFile.md ”in die„ myabcfile.HTML ”Datei. Der Markdown sowie die HTML -Datei werden im folgenden Bild angezeigt. 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 das Styling darin enthält, aber die Markdown -Datei enthält nicht viele Tags.
Die HTML -Datei wird auch im folgenden Bild angezeigt. Sie können die ",,, und viele Tags in dieser Datei" beachten ". Dies ist also der einfachste Weg, um den Markdown in HTML umzuwandeln.
Beispiel 2:
In dieser Markdown -Datei fügen wir die Überschrift, die ungeordnete Liste, die bestellte Liste, den Text und den formatierten Text hinzu. Wir setzen die Überschrift hier ein. Dann schreiben wir auch einen Text und fügen die ungeordnete Liste hinzu. Danach fügen wir eine weitere Zeile hinzu, in der wir auch einige Wörter einfügen, in denen wir die fetten und kursiven Stile anwenden. Dann platzieren wir die bestellte Liste und die neue Zeile nach dieser bestellten Liste. Jetzt speichern wir diese Datei und der Name dieser Markdown -Datei lautet „ABCFILE.MD ”. Jetzt konvertieren wir dies „ABCFILE.MD ”in die HTML -Datei.
Wir öffnen das Terminal erneut auf die gleiche Weise, wie wir den angegebenen Befehl im Terminal des Visual Studio -Codes diskutiert haben und schreiben. Nach dem Ausführen des angegebenen Befehls schließen wir dieses Terminal.
Dann drücken wir den „Strg+Shift+P“ und öffnen den Befehl palette. Hier wählen wir den Befehl aus, der im Bild oben angezeigt wird. Dadurch konvertiert die vorherige Markdown -Codedatei in die HTML -Datei.
Beide Dateien werden hier angezeigt. Diese „Abcfile.Die MD -Datei wird in eine "ABCFile" konvertiert.HTML ”Datei. Das folgende Bild zeigt sowohl die Markdown- als auch die HTML -Dateien an. Der einzige Unterschied zwischen dieser HTML -Datei und der Markdown -Datei besteht darin, dass die HTML -Datei unterschiedliche Tags und Styling verwendet, während die Markdown -Datei weniger Symbole verwendet. Diese HTML -Datei enthält alle Informationen, die zur Markdown -Datei beigetragen wurden.
Wenn wir diese HTML -Datei öffnen, sehen wir dort viele Tags, die wir nicht im Markdown hinzugefügt haben, da die Markdown -Sprache nicht viele Tags benötigt. Markdown ist eine sehr einfache und einfache Sprache. Wie in diesem Bild gezeigt, fügt es das hinzu “
"Tag für die Erstellung von" Blockquote ". In der Markdown -Datei fügen wir jedoch einfach das Symbol "größer als"> "hinzu, um dieses Blockquote zu generieren.Für eine ungeordnete Liste enthält die HTML -Datei die “die“
"Öffnen und Schließen von Tags sowie die"
- ”Tag zum Hinzufügen des Listenelements. In der vorherigen Markdown-Datei fügen wir einfach das Symbol "-" hinzu, um die nicht ordnungsgemäße Liste zu erstellen. Außerdem ist das „OL“ -Tag hier vorhanden, mit dem die bestellte Liste hinzugefügt wird. Im Markdown erstellen wir diese geordnete Liste, indem wir die Nummer und einen Punkt für diese geordnete Liste einfügen. Wir konvertieren die vorherige Markdown -Datei einfach hier in die HTML -Datei.
Abschluss
Wir haben eine detaillierte Beschreibung zur Umwandlung des Markus in HTML in diesem Handbuch bereitgestellt. Wir haben erklärt, wie wir dies im Visual Studio -Code machen, und zwei Markdown -Dateien in die HTML -Dateien in diesem Handbuch konvertiert. Wir haben erklärt, dass wir nach dem Erstellen der Markdown -Datei eine Erweiterung installieren müssen, und dann müssen wir die Befehlspalette öffnen, um den Befehl auszuwählen, der beim Konvertieren der Markdown -Datei in die HTML -Datei hilft. Wir haben auch sowohl die Markdown- als auch die HTML -Datei in diesem Handbuch gezeigt, sodass Sie die Daten beider Dateien problemlos überprüfen können. Die Umwandlung von Markdown in HTML wird hier ausführlich erklärt.