In HTML moeten we veel tags toevoegen en stijl wordt ook toegevoegd in HTML voor opmaak. We kunnen dezelfde taken in HTML uitvoeren die we ook kunnen doen met de Markdown. We kunnen het Markdown-bestand eenvoudig naar het HTML-bestand converteren door simpelweg enkele commando's te gebruiken. We zullen hier uitleggen hoe u de Markdown naar HTML kunt converteren. We zullen de Markdown ook omzetten in HTML en een gedetailleerde beschrijving van dit concept geven in deze handleiding. Nu converteren we het Markdown-bestand naar het HTML-bestand. We zullen ook elke stap tonen en uitleggen die we moeten volgen om het Markdown-bestand naar het HTML-bestand in Visual Studio Code te converteren.
Voorbeeld 1:
We gebruiken hier de Visual Studio-code. We laten zien hoe we het Markdown-bestand converteren naar het HTML-bestand in Visual Studio Code. Hiervoor moeten we het Markdown-bestand hebben gemaakt in deze Visual Studio-code. Het bestand dat we hier maken heet 'myabcfile.md'. In dit bestand voegen we de kop toe met behulp van de tag '#'. Vervolgens voegen we een tekst toe onder deze kop die een eenvoudige tekst of alinea is. Nu voegen we ook nog een regel in die vet is, omdat we twee sterretjes aan het begin en twee sterretjes aan het einde van deze regel invoegen. Dus deze regel lijkt hier vetgedrukt. Hierna maken we het woord 'lijst' cursief. We maken dit woord cursief met twee onderstrepingstekens. Eén onderstrepingsteken wordt aan het begin toegevoegd en één onderstrepingsteken aan het einde van het woord. In de volgende afbeelding genereren we de geordende lijst door het nummer te plaatsen en de punt achter het nummer te zetten. Nu slaan we dit bestand op. We zullen ook laten zien hoe dit bestand wordt weergegeven in het voorbeeldvenster.
We tonen alleen de uitvoer van de Markdown-code in het voorbeeldvenster. Nu zetten we deze Markdown om naar HTML. Ga verder en zie in de volgende afbeelding hoe u dit Markdown-bestand naar een HTML-bestand kunt converteren:
Open de terminal door op de terminal op de taakbalk te klikken die zich bovenaan deze Visual Studio Code bevindt. Wanneer deze terminal is geopend, typt u de opdracht 'code -install-extension yzhang.markdown-all-in-one', die ook in het volgende wordt weergegeven. Nadat we deze opdracht in de terminal van de Visual Studio Code hebben getypt, drukken we op de toets 'Enter'. Nadat we deze opdracht met succes hebben gecompileerd, gaan we verder. Deze opdracht helpt bij het installeren van deze extensie die hier wordt vermeld.
Wanneer de vorige extensie met succes is geïnstalleerd, openen we het 'Opdrachtenpalet' in deze Visual Studio-code. Dit opdrachtenpalet wordt geopend door simpelweg op de toetsen 'CTRL+SHIFT+P' te drukken. Hierna wordt de vervolgkeuzelijst bovenaan deze Visual Studio Code-app geopend. Hier typen we gewoon 'Markdown' en dan verschijnen daar veel opdrachten. We selecteren hier de 'Markdown All in One: Print huidig document naar HTML' zoals weergegeven in de volgende afbeelding. Hier selecteren we deze opdracht nadat we op 'CTRL+SHIFT+P' hebben gedrukt. Nu wordt dit Markdown-bestand geconverteerd naar het HTML-bestand met behulp van dit commando dat we hier hebben geselecteerd.
Beide bestanden worden hier getoond. We zetten dit “myabcfile.md” om in het “myabcfile.html” bestand. De Markdown en het HTML-bestand worden weergegeven in de volgende afbeelding. Dit HTML-bestand bevat alle gegevens die we in het Markdown-bestand hebben toegevoegd. Maar het enige verschil is dat het HTML-bestand de verschillende tags en stijlen bevat, maar het Markdown-bestand bevat niet veel tags.
Het HTML-bestand wordt ook weergegeven in de volgende afbeelding. U kunt de ',
,