En HTML, nous devons ajouter beaucoup de balises et le style est également ajouté en HTML pour la mise en forme. Nous pouvons faire les mêmes tâches en HTML que nous pouvons également faire en utilisant le Markdown. Nous pouvons facilement convertir le fichier Markdown en fichier HTML en utilisant simplement certaines commandes. Nous allons vous expliquer comment convertir le Markdown en HTML ici. Nous convertirons également le Markdown en HTML et fournirons une description détaillée de ce concept dans ce guide. Maintenant, nous convertissons le fichier Markdown en fichier HTML. De plus, nous montrerons et expliquerons chaque étape que nous devons suivre pour convertir le fichier Markdown en fichier HTML dans Visual Studio Code.
Exemple 1:
Nous utilisons ici le code Visual Studio. Nous montrons comment convertir le fichier Markdown en fichier HTML dans Visual Studio Code. Pour cela, nous devons avoir le fichier Markdown créé dans ce Visual Studio Code. Le fichier que nous créons ici est nommé 'myabcfile.md'. Dans ce fichier, nous ajoutons le titre en utilisant la balise '#'. Ensuite, on ajoute un texte sous cet en-tête qui est un simple texte ou paragraphe. Maintenant, nous insérons également une autre ligne en gras car nous insérons deux astérisques au début et deux astérisques à la fin de cette ligne. Donc, cette ligne apparaît en gras ici. Après cela, nous mettons le mot 'liste' en italique. Nous mettons ce mot en italique en utilisant deux traits de soulignement. Un trait de soulignement est ajouté au début et un trait de soulignement est ajouté à la fin du mot. Dans l'illustration suivante, nous générons la liste ordonnée en plaçant le nombre et en plaçant le point après le nombre. Maintenant, nous sauvegardons ce fichier. Nous montrerons également comment ce fichier apparaît dans la fenêtre de prévisualisation.
Nous montrons simplement la sortie du code Markdown dans la fenêtre d'aperçu. Maintenant, nous convertissons ce Markdown en HTML. Allez-y et voyez dans l'illustration suivante comment convertir ce fichier Markdown en fichier HTML :
Ouvrez le terminal en cliquant sur le terminal de la barre des tâches qui se trouve en haut de ce code Visual Studio. Lorsque ce terminal est ouvert, tapez la commande « code –install-extension yzhang.markdown-all-in-one » qui est également illustrée ci-dessous. Après avoir tapé cette commande dans le terminal de Visual Studio Code, nous appuyons sur la touche 'Entrée'. Après avoir compilé avec succès cette commande, nous avançons. Cette commande aide à installer cette extension qui est mentionnée ici.
Lorsque l'extension précédente est installée avec succès, nous ouvrons la 'Palette de commandes' dans ce code Visual Studio. Cette palette de commandes s'ouvre en appuyant simplement sur les touches 'CTRL+SHIFT+P'. Après cela, la liste déroulante s'ouvre en haut de cette application Visual Studio Code. Ici, nous tapons simplement 'Markdown' et de nombreuses commandes y apparaissent. Nous sélectionnons ici 'Markdown All in One : Imprimer le document actuel au format HTML', comme indiqué dans l'image suivante. Ici, nous sélectionnons cette commande après avoir appuyé sur « CTRL+SHIFT+P ». Maintenant, ce fichier Markdown est converti en fichier HTML à l'aide de cette commande que nous avons sélectionnée ici.
Les deux fichiers sont affichés ici. Nous convertissons ce 'myabcfile.md' dans le fichier 'myabcfile.html'. Le Markdown ainsi que le fichier HTML sont illustrés dans l'image suivante. Ce fichier HTML contient toutes les données que nous avons ajoutées dans le fichier Markdown. Mais la seule différence est que le fichier HTML contient les différentes balises et styles, mais le fichier Markdown ne contient pas beaucoup de balises.
Le fichier HTML est également affiché dans l'image suivante. Vous pouvez noter les ',
,