I HTML må vi legge til mange tagger og stil legges også til i HTML for formatering. Vi kan gjøre de samme oppgavene i HTML som vi også kan gjøre ved å bruke Markdown. Vi kan enkelt konvertere Markdown-filen til HTML-filen ved å bruke noen kommandoer. Vi vil forklare hvordan du konverterer Markdown til HTML her. Vi vil også konvertere Markdown til HTML og gi en detaljert beskrivelse av dette konseptet i denne veiledningen. Nå konverterer vi Markdown-filen til HTML-filen. Vi vil også vise og forklare hvert trinn som vi må følge for å konvertere Markdown-filen til HTML-filen i Visual Studio Code.
Eksempel 1:
Vi bruker Visual Studio Code her. Vi viser hvordan vi konverterer Markdown-filen til HTML-filen i Visual Studio Code. For dette må vi ha Markdown-filen opprettet i denne Visual Studio-koden. Filen som vi oppretter her heter 'myabcfile.md'. I denne filen legger vi til overskriften ved å bruke '#'-taggen. Deretter legger vi til en tekst under denne overskriften som er en enkel tekst eller avsnitt. Nå setter vi også inn en annen linje som er fet fordi vi setter inn to stjerner i starten og to stjerner på slutten av denne linjen. Så denne linjen virker fet her. Etter dette gjør vi ordet 'liste' kursiv. Vi gjør dette ordet kursiv ved å bruke to understrekinger. Ett understrek legges til i starten og ett understrek legges til på slutten av ordet. I den følgende illustrasjonen genererer vi den ordnede listen ved å plassere nummeret og sette prikken etter nummeret. Nå lagrer vi denne filen. Vi vil også vise hvordan denne filen vises i forhåndsvisningsvinduet.
Vi viser bare utdataene til Markdown-koden i forhåndsvisningsvinduet. Nå konverterer vi denne Markdown til HTML. Gå videre og se i følgende illustrasjon om hvordan du konverterer denne Markdown-filen til en HTML-fil:
Åpne terminalen ved å klikke på terminalen på oppgavelinjen som er til stede på toppen av denne Visual Studio-koden. Når denne terminalen er åpnet, skriv inn kommandoen “code –install-extension yzhang.markdown-all-in-one” som også vises i det følgende. Etter å ha skrevet inn denne kommandoen i terminalen til Visual Studio Code, trykker vi på 'Enter'-tasten. Etter vellykket kompilering av denne kommandoen, går vi videre. Denne kommandoen hjelper med å installere denne utvidelsen som er nevnt her.
Når den forrige utvidelsen er installert, åpner vi 'Kommandopaletten' i denne Visual Studio-koden. Denne kommandopaletten åpnes ved å trykke på 'CTRL+SHIFT+P'-tastene. Etter dette åpnes rullegardinmenyen på toppen av denne Visual Studio Code-appen. Her skriver vi bare 'Markdown' og så vises mange kommandoer der. Vi velger 'Markdown All in One: Skriv ut gjeldende dokument til HTML' her som vist i følgende bilde. Her velger vi denne kommandoen etter å ha trykket på 'CTRL+SHIFT+P'. Nå er denne Markdown-filen konvertert til HTML-filen ved hjelp av denne kommandoen som vi valgte her.
Begge filene vises her. Vi konverterer denne 'myabcfile.md' til 'myabcfile.html'-filen. Markdown så vel som HTML-filen vises i følgende bilde. Denne HTML-filen inneholder alle dataene vi har lagt til i Markdown-filen. Men den eneste forskjellen er at HTML-filen inneholder de forskjellige taggene og stilen i den, men Markdown-filen inneholder ikke mange tagger.
HTML-filen vises også i bildet nedenfor. Du kan legge merke til ',
,