I HTML skal vi tilføje masser af tags og stil tilføjes også i HTML til formatering. Vi kan udføre de samme opgaver i HTML, som vi også kan udføre ved hjælp af Markdown. Vi kan nemt konvertere Markdown-filen til HTML-filen ved blot at bruge nogle kommandoer. Vi vil forklare, hvordan du konverterer Markdown til HTML her. Vi vil også konvertere Markdown til HTML og give en detaljeret beskrivelse af dette koncept i denne guide. Nu konverterer vi Markdown-filen til HTML-filen. Vi vil også vise og forklare hvert trin, som vi skal følge for at konvertere Markdown-filen til HTML-filen i Visual Studio Code.
Eksempel 1:
Vi bruger Visual Studio Code her. Vi viser, hvordan vi konverterer Markdown-filen til HTML-filen i Visual Studio Code. Til dette skal vi have Markdown-filen oprettet i denne Visual Studio-kode. Filen, som vi opretter her, hedder 'myabcfile.md'. I denne fil tilføjer vi overskriften ved at bruge '#'-tagget. Derefter tilføjer vi en tekst under denne overskrift, som er en simpel tekst eller et afsnit. Nu indsætter vi også en anden linje, der er fed, fordi vi indsætter to stjerner i starten og to stjerner i slutningen af denne linje. Så denne linje fremstår fed her. Herefter laver vi ordet 'liste' kursiv. Vi gør dette ord kursiv ved hjælp af to understregninger. En understregning tilføjes i starten og en understregning tilføjes i slutningen af ordet. I den følgende illustration genererer vi den ordnede liste ved at placere tallet og sætte prikken efter tallet. Nu gemmer vi denne fil. Vi vil også vise, hvordan denne fil vises i forhåndsvisningsvinduet.
Vi viser bare outputtet af Markdown-koden i forhåndsvisningsvinduet. Nu konverterer vi denne Markdown til HTML. Gå videre og se i den følgende illustration, hvordan du konverterer denne Markdown-fil til en HTML-fil:
Åbn terminalen ved at klikke på terminalen på proceslinjen, som er til stede øverst i denne Visual Studio-kode. Når denne terminal er åbnet, skriv kommandoen 'code –install-extension yzhang.markdown-all-in-one', som også er vist i det følgende. Efter at have skrevet denne kommando i terminalen i Visual Studio Code, trykkede vi på 'Enter'-tasten. Efter succesfuld kompilering af denne kommando, bevæger vi os fremad. Denne kommando hjælper med at installere denne udvidelse, som er nævnt her.
Når den tidligere udvidelse er installeret korrekt, åbner vi 'Kommandopaletten' i denne Visual Studio-kode. Denne kommandopalet åbnes ved blot at trykke på 'CTRL+SHIFT+P'-tasterne. Herefter åbnes rullemenuen øverst på denne Visual Studio Code-app. Her skriver vi bare 'Markdown', og så vises mange kommandoer der. Vi vælger 'Markdown All in One: Udskriv aktuelt dokument til HTML' her som vist på det følgende billede. Her vælger vi denne kommando efter at have trykket på 'CTRL+SHIFT+P'. Nu er denne Markdown-fil konverteret til HTML-filen ved hjælp af denne kommando, som vi valgte her.
Begge filer vises her. Vi konverterer denne 'myabcfile.md' til filen 'myabcfile.html'. Markdown samt HTML-filen er vist i det følgende billede. Denne HTML-fil indeholder alle de data, som vi tilføjede i Markdown-filen. Men den eneste forskel er, at HTML-filen indeholder de forskellige tags og styling i den, men Markdown-filen indeholder ikke mange tags.
HTML-filen er også vist på det følgende billede. Du kan notere ',
,