HTML-is peame lisama palju silte ja HTML-i lisatakse vormindamiseks stiil. Saame teha samu ülesandeid HTML-is, mida saame teha ka Markdowni abil. Saame Markdown-faili hõlpsalt HTML-failiks teisendada, kasutades lihtsalt mõnda käsku. Siin selgitame, kuidas Markdowni HTML-iks teisendada. Samuti teisendame Markdowni HTML-iks ja kirjeldame selles juhendis selle kontseptsiooni üksikasjalikku kirjeldust. Nüüd teisendame Markdowni faili HTML-failiks. Samuti näitame ja selgitame iga sammu, mida peame järgima Markdown-faili teisendamiseks HTML-failiks Visual Studio Code'is.
Näide 1:
Kasutame siin Visual Studio koodi. Näitame, kuidas teisendame Markdowni faili Visual Studio Code'is HTML-failiks. Selleks peab meil olema selles Visual Studio koodis loodud Markdowni fail. Siin loodava faili nimi on 'myabcfile.md'. Sellesse faili lisame pealkirja märgendi '#' abil. Seejärel lisame selle pealkirja alla teksti, mis on lihtne tekst või lõik. Nüüd lisame ka teise rea, mis on paksus kirjas, kuna lisame selle rea algusesse kaks tärni ja selle lõppu kaks tärni. Niisiis, see rida on siin paksus kirjas. Pärast seda muudame sõna 'loend' kaldkirja. Teeme selle sõna kaldkirjas kahe alakriipsuga. Sõna algusesse lisatakse üks alakriips ja lõppu üks allkriips. Järgmisel joonisel koostame järjestatud loendi, asetades numbri ja asetades numbri järele punkti. Nüüd salvestame selle faili. Samuti näitame, kuidas see fail eelvaateaknas kuvatakse.
Näitame lihtsalt eelvaate aknas Markdowni koodi väljundit. Nüüd teisendame selle Markdowni HTML-iks. Liikuge edasi ja vaadake järgmisest illustratsioonist, kuidas seda Markdown-faili HTML-failiks teisendada:
Avage terminal, klõpsates selle Visual Studio koodi ülaosas asuval tegumiribal terminalil. Kui see terminal on avatud, tippige käsk 'code –install-extension yzhang.markdown-all-in-one', mis on samuti näidatud järgmises. Pärast selle käsu sisestamist Visual Studio Code terminali vajutame klahvi 'Enter'. Pärast selle käsu edukat koostamist liigume edasi. See käsk aitab installida seda siin mainitud laiendust.
Kui eelmine laiendus on edukalt installitud, avame selles Visual Studio koodis käsupaleti. See käsupalett avatakse, vajutades lihtsalt klahve “CTRL+SHIFT+P”. Pärast seda avatakse selle Visual Studio Code rakenduse ülaosas rippmenüü. Siin kirjutame lihtsalt 'Markdown' ja seejärel kuvatakse seal palju käske. Valime siin 'Markdown All in One: Printige praegune dokument HTML-i', nagu on näidatud järgmisel pildil. Siin valime selle käsu pärast 'CTRL + SHIFT + P' vajutamist. Nüüd teisendatakse see Markdowni fail selle siin valitud käsu abil HTML-failiks.
Siin kuvatakse mõlemad failid. Teisendame selle 'myabcfile.md' failiks 'myabcfile.html'. Markdown ja HTML-fail on näidatud järgmisel pildil. See HTML-fail sisaldab kõiki andmeid, mille lisasime Markdowni faili. Kuid ainus erinevus on see, et HTML-fail sisaldab selles erinevaid silte ja stiili, kuid Markdowni fail ei sisalda palju silte.
HTML-fail on näidatud ka järgmisel pildil. Selles failis saate märkida ',
,