En HTML, tenemos que agregar muchas etiquetas y el estilo también se agrega en HTML para formatear. Podemos hacer las mismas tareas en HTML que también podemos hacer usando Markdown. Podemos convertir el archivo Markdown en un archivo HTML fácilmente simplemente usando algunos comandos. Explicaremos cómo convertir Markdown a HTML aquí. También convertiremos Markdown en HTML y proporcionaremos una descripción detallada de este concepto en esta guía. Ahora, convertimos el archivo Markdown en el archivo HTML. Además, mostraremos y explicaremos cada paso que debemos seguir para convertir el archivo Markdown en el archivo HTML en Visual Studio Code.
Ejemplo 1:
Usamos el código de Visual Studio aquí. Mostramos cómo convertimos el archivo Markdown en el archivo HTML en Visual Studio Code. Para ello debemos tener el archivo Markdown creado en este Visual Studio Code. El archivo que creamos aquí se llama 'myabcfile.md'. En este archivo, agregamos el encabezado usando la etiqueta '#'. Luego, agregamos un texto debajo de este encabezado que es un texto simple o párrafo. Ahora, también insertamos otra línea que está en negrita porque insertamos dos asteriscos al principio y dos asteriscos al final de esta línea. Entonces, esta línea aparece en negrita aquí. Después de esto, ponemos la palabra 'lista' en cursiva. Ponemos esta palabra en cursiva usando dos guiones bajos. Se agrega un guión bajo al principio y un guión bajo al final de la palabra. En la siguiente ilustración, generamos la lista ordenada colocando el número y colocando el punto después del número. Ahora, guardamos este archivo. También mostraremos cómo aparece este archivo en la ventana de vista previa.
Solo mostramos la salida del código Markdown en la ventana de vista previa. Ahora, convertimos este Markdown a HTML. Continúe y vea en la siguiente ilustración cómo convertir este archivo Markdown en un archivo HTML:
Abra el terminal haciendo clic en el terminal en la barra de tareas que se encuentra en la parte superior de este Visual Studio Code. Cuando se abra este terminal, escriba el comando 'code –install-extension yzhang.markdown-all-in-one' que también se muestra a continuación. Después de escribir este comando en la terminal de Visual Studio Code, presionamos la tecla 'Enter'. Después de compilar con éxito este comando, seguimos adelante. Este comando ayuda a instalar esta extensión que se menciona aquí.
Cuando la extensión anterior se instala con éxito, abrimos la “Paleta de comandos” en este código de Visual Studio. Esta paleta de comandos se abre simplemente presionando las teclas 'CTRL+SHIFT+P'. Después de esto, el menú desplegable se abre en la parte superior de esta aplicación de Visual Studio Code. Aquí, simplemente escribimos 'Markdown' y luego aparecen muchos comandos allí. Seleccionamos el “Markdown All in One: Print current document to HTML” aquí como se muestra en la siguiente imagen. Aquí, seleccionamos este comando después de presionar “CTRL+SHIFT+P”. Ahora, este archivo Markdown se convierte en el archivo HTML con la ayuda de este comando que seleccionamos aquí.
Ambos archivos se muestran aquí. Convertimos este “myabcfile.md” en el archivo “myabcfile.html”. El Markdown así como el archivo HTML se muestran en la siguiente imagen. Este archivo HTML contiene todos los datos que agregamos en el archivo Markdown. Pero la única diferencia es que el archivo HTML contiene las diferentes etiquetas y estilos, pero el archivo Markdown no contiene muchas etiquetas.
El archivo HTML también se muestra en la siguiente imagen. Puede anotar ',
,