DeviTools logoDeviTools
  1. Inicio
  2. Blog
  3. Cómo convertir Markdown a HTML (con chuleta)
Herramientas Markdown

Cómo convertir Markdown a HTML (con chuleta)

Publicado el 2 de noviembre de 2026 · 6 min de lectura

Markdown permite escribir texto con formato usando caracteres normales: **negrita**, # Título, - elemento de lista. Es lo que usan los README, las apps de notas, las wikis y muchos chats. Pero una web, un boletín o un gestor de contenidos suelen pedir HTML. Convertirlo lleva un segundo, si sabes qué vas a obtener.

Esta guía muestra en qué se convierte cada elemento de Markdown y cómo convertirlo con el convertidor de Markdown a HTML gratuito, incluidas tablas, listas de tareas y un resultado seguro.

En qué se convierte Markdown

Cada marca de Markdown tiene su etiqueta HTML:

MarkdownHTML
# Heading<h1>Heading</h1>
## Smaller heading<h2>Smaller heading</h2>
**bold**<strong>bold</strong>
*italic*<em>italic</em>
[text](https://example.com)<a href="https://example.com">text</a>
![photo](photo.jpg)<img src="photo.jpg" alt="photo">
- item<ul><li>item</li></ul>
1. item<ol><li>item</li></ol>
`code`<code>code</code>
> quote<blockquote><p>quote</p></blockquote>
~~gone~~<del>gone</del>

Un ejemplo corto. Este Markdown:

# Opening hours

We are open **Monday to Saturday**. Visit [our shop](https://example.com).

- Books
- ~~Magazines~~ Comics

se convierte en este HTML:

<h1 id="opening-hours">Opening hours</h1>
<p>We are open <strong>Monday to Saturday</strong>. Visit <a href="https://example.com">our shop</a>.</p>
<ul>
<li>Books</li>
<li><del>Magazines</del> Comics</li>
</ul>

Cada párrafo va dentro de <p>, los elementos de la lista dentro de <li>, y el título recibe un ID (opening-hours) para que otras páginas puedan enlazar directamente a él.

Cómo convertir Markdown a HTML

  1. Abre el convertidor de Markdown a HTML y pega tu Markdown en Entrada Markdown. También puedes hacer clic en Abrir archivo o soltar un archivo .md en el recuadro. Ejemplo carga uno de prueba.
  2. Elige las opciones (explicadas abajo). Las predeterminadas sirven a casi todos: Markdown al estilo GitHub, ID en los títulos y HTML inseguro eliminado.
  3. Haz clic en Convertir a HTML. Revisa el resultado en Vista previa, cambia a HTML para ver el código y Cópialo o Descárgalo como archivo .html.

Las opciones

  • Estilo GitHub. Añade lo que le falta al Markdown estándar: tablas, listas de tareas (- [x] Hecho), ~~tachado~~ y direcciones web que se convierten solas en enlaces. Déjalo activado salvo que tu Markdown venga de una herramienta CommonMark estricta.
  • Saltos de línea tal cual. En Markdown estándar, un salto de línea simple se ignora: dos líneas forman un solo párrafo y solo una línea en blanco empieza otro. Con esta opción, cada salto de línea pasa a <br>, como en los comentarios de GitHub. Útil para direcciones y poemas.
  • ID en los títulos. Da a cada título un id como opening-hours, para que enlaces como #opening-hours lleven hasta él. Los títulos repetidos reciben -1, -2, igual que en GitHub.
  • Página HTML completa. Envuelve el resultado en un documento entero con título (tomado del primer encabezado) y estilos sencillos y legibles, listo para abrirse en un navegador. Desactívala para pegar el contenido en tu propia página o CMS.
  • Eliminar HTML inseguro. Mira la sección siguiente.

Por qué importa «Eliminar HTML inseguro»

Markdown puede contener HTML, y el HTML puede ejecutar código. Las tres líneas siguientes son Markdown válido:

<img src="photo.jpg" onerror="alert('Hi')">
<script>stealCookies()</script>
[Click me](javascript:alert('Hi'))

Ponlo en tu web y el script se ejecuta para cada visitante. Con Eliminar HTML inseguro activado (por defecto), se quitan los scripts, los manejadores de eventos como onerror y los enlaces javascript:, y se conserva el HTML normal como <b> o <br>. Desactívalo solo con Markdown escrito por ti. La vista previa siempre se limpia, elijas lo que elijas.

Un detalle más de privacidad: las imágenes de otras webs no se cargan en la vista previa; aparecen como un recuadro con su descripción. Se mantienen en el HTML y se ven con normalidad allí donde lo publiques.

Más herramientas Markdown

¿Se sube mi texto?

No. La conversión se hace en tu navegador, así que tu Markdown nunca sale de tu dispositivo.

Preguntas frecuentes

¿Funciona con los README de GitHub?

Sí. Deja activado Estilo GitHub y las tablas, listas de tareas y bloques de código salen como en GitHub. Los bloques de código conservan su lenguaje como clase, por ejemplo language-js, para los resaltadores de sintaxis.

¿Puedo usar mis propios estilos?

Sí. Sin Página HTML completa obtienes HTML sencillo que toma los estilos de tu web. Con ella, sustituye el pequeño bloque <style> del encabezado por tu propia hoja de estilos.

¿Cómo hago un salto de línea sin empezar un párrafo?

Termina la línea con dos espacios o una barra invertida, o activa Saltos de línea tal cual.

Más artículos

← Todos los artículos