Cómo convertir Markdown a HTML paso a paso
Respuesta rápida
Para convertir Markdown a HTML: pegue su texto de Markdown en el convertidor de Markdown a HTML y el HTML renderizado aparecerá instantáneamente. La herramienta admite títulos, negrita, cursiva, listas, enlaces, imágenes, bloques de código y tablas. Todo el procesamiento se realiza localmente: su contenido nunca se carga.
Introducción
Markdown es un lenguaje de marcado ligero que utiliza formato de texto sin formato para producir documentos estructurados. Es el estándar para archivos README, documentación, publicaciones de blogs y comentarios en plataformas como GitHub y Reddit. HTML es el formato que representan los navegadores. Convertir Markdown a HTML le permite publicar contenido de Markdown en la web. Esta guía le muestra cómo convertir Markdown a HTML en su navegador.
Paso a paso
-
Abra el convertidor Markdown a HTML
Vaya a la página de herramientas Markdown to HTML. La herramienta acepta cualquier texto de Markdown como entrada.
-
Pega tu texto de Markdown
Pega tu Markdown en el área de texto de entrada. Sintaxis común: # para H1, **negrita** para negrita, *cursiva* para cursiva, - para elementos de lista, [texto](url) para enlaces,  para imágenes y ``` para bloques de código.
-
Revise el resultado HTML
La herramienta analiza Markdown y genera HTML al instante. Por ejemplo, # Hola se convierte en <h1>Hola</h1>, **negrita** se convierte en <strong>negrita</strong>. El HTML aparece en el campo de salida.
-
Copia el HTML
Haga clic en Copiar para copiar el HTML a su portapapeles. Pégalo en tu sitio web, CMS o plantilla de correo electrónico. El HTML está listo para renderizarse en cualquier navegador.
-
Vista previa de la salida renderizada (opcional)
Algunas herramientas también muestran una vista previa en vivo de cómo se representa HTML en un navegador. Esto le ayuda a verificar la conversión antes de copiar el HTML.
Ejemplos
Encabezado y párrafo
Aporte: # Hola mundo
Este es un párrafo.
Producción: <h1>Hello World</h1>
<p>This is a paragraph.</p>
Negrita, cursiva y enlace
Aporte: **bold** and *italic* and [link](https://example.com)
Producción: <strong>bold</strong> and <em>italic</em> and <a href="https://example.com">link</a>
lista desordenada
Aporte: - Artículo 1
- Artículo 2
- Artículo 3
Producción: <ul>
<li>Item 1</li>
<li>Item 2</li>
<li>Item 3</li>
</ul>
bloque de código
Aporte: ```
const x = 42;
```
Producción: <pre><code>const x = 42;</code></pre>
Problemas comunes
- HTML sin formato en Markdown: la mayoría de los analizadores de Markdown pasan por HTML sin formato, pero algunos lo desinfectan. Verifique el comportamiento de su analizador si incrusta HTML.
- Listas anidadas: la sangría importa. Utilice 2 o 4 espacios de forma coherente para elementos de lista anidados; mezclarlos puede romper la estructura de la lista.
- Caracteres especiales: los caracteres como <, > y & en el texto de Markdown deben tener caracteres de escape como <, > y en HTML. Los analizadores normalmente manejan esto automáticamente.
- Saltos de línea: en Markdown estándar, una sola nueva línea no crea un salto de línea; necesita dos espacios al final de una línea o dos nuevas líneas para un salto de párrafo.
Consejos
- Utilice Markdown para escribir y documentar, luego conviértalo a HTML para publicar. Markdown es mucho más fácil de leer y escribir que HTML.
- GitHub Flavored Markdown (GFM) agrega tablas, tachados y listas de tareas además del Markdown estándar; verifique si su herramienta admite estas extensiones.
- Para publicaciones de blog, escriba en Markdown y conviértalo a HTML en el momento de la compilación (los generadores de sitios estáticos como Astro, Hugo, Jekyll hacen esto automáticamente).
- Utilice nuestro convertidor Markdown to HTML para una conversión privada e instantánea: su contenido nunca sale de su navegador.