A HTML-ben sok címkét kell hozzáadnunk, és a HTML-ben stílus is hozzáadódik a formázáshoz. Ugyanazokat a feladatokat tudjuk elvégezni HTML-ben, amelyeket a Markdown segítségével is megtehetünk. A Markdown fájlt egyszerűen konvertálhatjuk HTML-fájllá néhány parancs használatával. Itt elmagyarázzuk, hogyan lehet a Markdown-t HTML-re konvertálni. A Markdown-t HTML-be is konvertáljuk, és ebben az útmutatóban részletes leírást adunk erről a koncepcióról. Most konvertáljuk a Markdown fájlt HTML-fájllá. Ezenkívül bemutatunk és elmagyarázunk minden lépést, amelyet követnünk kell a Markdown fájl HTML-fájllá konvertálásához a Visual Studio Code programban.
1. példa:
Itt a Visual Studio kódot használjuk. Megmutatjuk, hogyan alakítjuk át a Markdown fájlt HTML-fájllá a Visual Studio Code programban. Ehhez létre kell hoznunk a Markdown fájlt ebben a Visual Studio kódban. Az itt létrehozott fájl neve „myabcfile.md”. Ebben a fájlban hozzáadjuk a fejlécet a „#” címkével. Ezután hozzáadunk egy szöveget a címsor alá, amely egy egyszerű szöveg vagy bekezdés. Most beszúrunk egy másik sort is, amely félkövér, mert két csillagot szúrunk be a sor elejére és két csillagot a sor végére. Tehát ez a sor félkövéren jelenik meg itt. Ezt követően a „lista” szót dőlt betűvel szedjük. Ezt a szót két aláhúzás segítségével dőlt betűvel írjuk. Egy aláhúzásjel kerül a szó elejére és egy aláhúzás a szó végére. Az alábbi ábrán a sorba rendezett listát úgy állítjuk elő, hogy a számot elhelyezzük, és a szám után egy pontot teszünk. Most mentjük ezt a fájlt. Azt is megmutatjuk, hogyan jelenik meg ez a fájl az előnézeti ablakban.
Csak a Markdown kód kimenetét jelenítjük meg az előnézeti ablakban. Most ezt a Markdown-t HTML-vé alakítjuk. Lépjen tovább, és nézze meg a következő ábrán, hogyan lehet ezt a Markdown-fájlt HTML-fájllá konvertálni:
Nyissa meg a terminált a terminálra kattintva a tálcán, amely a Visual Studio kód tetején található. Amikor ez a terminál megnyílik, írja be a „code –install-extension yzhang.markdown-all-in-one” parancsot, amely a következőkben is megjelenik. Miután beírta ezt a parancsot a Visual Studio Code termináljába, megnyomjuk az „Enter” billentyűt. A parancs sikeres fordítása után továbblépünk. Ez a parancs segít az itt említett bővítmény telepítésében.
Az előző bővítmény sikeres telepítése után megnyitjuk a „Parancspalettát” ebben a Visual Studio kódban. Ez a parancspaletta a „CTRL+SHIFT+P” billentyűk lenyomásával nyitható meg. Ezt követően megnyílik a legördülő menü a Visual Studio Code alkalmazás tetején. Itt csak beírjuk a „Markdown” parancsot, majd sok parancs jelenik meg ott. Itt kiválasztjuk a „Megjelölés mindent egyben: Aktuális dokumentum nyomtatása HTML-be” lehetőséget, ahogy az a következő képen látható. Itt ezt a parancsot a „CTRL+SHIFT+P” lenyomása után választjuk ki. Most ezt a Markdown fájlt HTML-fájllá alakítjuk az itt kiválasztott parancs segítségével.
Itt mindkét fájl látható. Ezt a „myabcfile.md” fájlt „myabcfile.html” fájllá alakítjuk. A Markdown és a HTML fájl a következő képen látható. Ez a HTML-fájl tartalmazza az összes adatot, amelyet hozzáadtunk a Markdown fájlhoz. De az egyetlen különbség az, hogy a HTML-fájl tartalmazza a különböző címkéket és stílusokat, de a Markdown fájl nem tartalmaz sok címkét.
A HTML fájl a következő képen is látható. Megjegyezheti a „,
,