Em HTML, temos que adicionar muitas tags e o estilo também é adicionado em HTML para formatação. Podemos fazer as mesmas tarefas em HTML que também podemos fazer usando o Markdown. Podemos converter o arquivo Markdown para o arquivo HTML facilmente, simplesmente usando alguns comandos. Vamos explicar como converter o Markdown para HTML aqui. Também converteremos o Markdown em HTML e forneceremos uma descrição detalhada desse conceito neste guia. Agora, convertemos o arquivo Markdown no arquivo HTML. Além disso, mostraremos e explicaremos cada etapa que devemos seguir para converter o arquivo Markdown no arquivo HTML no Visual Studio Code.
Exemplo 1:
Usamos o código do Visual Studio aqui. Mostramos como convertemos o arquivo Markdown no arquivo HTML no Visual Studio Code. Para isso, devemos ter o arquivo Markdown criado neste Visual Studio Code. O arquivo que criamos aqui se chama “myabcfile.md”. Neste arquivo, adicionamos o título usando a tag “#”. Em seguida, adicionamos um texto abaixo deste título, que é um texto ou parágrafo simples. Agora, também inserimos outra linha em negrito porque inserimos dois asteriscos no início e dois asteriscos no final desta linha. Então, esta linha aparece em negrito aqui. Depois disso, colocamos a palavra “lista” em itálico. Colocamos esta palavra em itálico usando dois sublinhados. Um sublinhado é adicionado no início e um sublinhado é adicionado no final da palavra. Na ilustração a seguir, geramos a lista ordenada colocando o número e colocando o ponto após o número. Agora, salvamos este arquivo. Também mostraremos como esse arquivo aparece na janela de visualização.
Apenas mostramos a saída do código Markdown na janela de visualização. Agora, convertemos este Markdown em HTML. Siga em frente e veja na ilustração a seguir como converter este arquivo Markdown em um arquivo HTML:
Abra o terminal clicando no terminal na barra de tarefas que está presente na parte superior deste Visual Studio Code. Quando este terminal for aberto, digite o comando “code –install-extension yzhang.markdown-all-in-one” que também é mostrado a seguir. Após digitar este comando no terminal do Visual Studio Code, pressionamos a tecla “Enter”. Depois de compilar com sucesso este comando, avançamos. Este comando ajuda na instalação desta extensão que é mencionada aqui.
Quando a extensão anterior é instalada com sucesso, abrimos a “Paleta de Comandos” neste Visual Studio Code. Esta paleta de comandos é aberta simplesmente pressionando as teclas “CTRL+SHIFT+P”. Depois disso, o menu suspenso é aberto na parte superior deste aplicativo Visual Studio Code. Aqui, apenas digitamos “Markdown” e, em seguida, muitos comandos aparecem lá. Selecionamos o “Markdown All in One: Print current document to HTML” aqui, conforme mostrado na imagem a seguir. Aqui, selecionamos este comando após pressionar “CTRL+SHIFT+P”. Agora, este arquivo Markdown é convertido para o arquivo HTML com o auxílio deste comando que selecionamos aqui.
Ambos os arquivos são mostrados aqui. Convertemos este “myabcfile.md” no arquivo “myabcfile.html”. O Markdown e o arquivo HTML são mostrados na imagem a seguir. Este arquivo HTML contém todos os dados que adicionamos no arquivo Markdown. Mas a única diferença é que o arquivo HTML contém as diferentes tags e estilos, mas o arquivo Markdown não contém muitas tags.
O arquivo HTML também é mostrado na imagem a seguir. Você pode observar o “,
,