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

Cómo convertir HTML a Markdown (con chuleta)

Por teamJUH · Publicado el 10 de noviembre de 2026 · 6 min de lectura

Las páginas web están hechas de HTML: lleno de etiquetas, menús y estilos, cuesta leerlo y editarlo a mano. Markdown dice lo mismo con caracteres normales: # Título, **negrita**, - elemento de lista. Lo usan apps de notas como Obsidian, wikis, GitHub, creadores de webs estáticas y herramientas de chat con IA.

Convertir HTML a Markdown sirve para guardar un artículo como notas, llevar entradas de blog a una web nueva, convertir un documento en un README o dar a una IA solo el texto, sin el resto. Esta guía muestra en qué se convierte cada etiqueta y cómo convertir con el convertidor de HTML a Markdown gratuito.

En qué se convierte el HTML

Casi cada etiqueta HTML tiene su equivalente en Markdown. <b> e <i> funcionan igual que <strong> y <em>.

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

Un ejemplo corto: parte de la web de una tienda, con un menú, una tabla y un script de seguimiento.

<nav><a href="/">Home</a> <a href="/books">Books</a></nav>
<main>
  <h1>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>
  <table>
    <tr><th>Day</th><th>Hours</th></tr>
    <tr><td>Monday to Friday</td><td>9:00 to 18:00</td></tr>
    <tr><td>Saturday</td><td>10:00 to 14:00</td></tr>
  </table>
  <script>trackVisitor()</script>
</main>
<footer>Corner Books, 12 High Street</footer>

se convierte en este Markdown:

# Opening hours

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

- Books
- ~~Magazines~~ Comics

| Day | Hours |
| --- | --- |
| Monday to Friday | 9:00 to 18:00 |
| Saturday | 10:00 to 14:00 |

Solo se conserva el contenido principal de la página, así que el menú y el pie desaparecen. El script de seguimiento también se omite: los scripts nunca acaban en el Markdown.

Cómo obtener el HTML

  • Una página web: haz clic derecho en la página y elige Ver código fuente de la página; selecciona todo y cópialo. O guarda la página con Ctrl+S (Cmd+S en Mac) y abre el archivo .html en el convertidor.
  • Una parte de la página: haz clic derecho en esa parte, elige Inspeccionar, luego clic derecho en la línea resaltada y elige Copiar > Copiar elemento (Chrome y Edge) o Copiar > HTML externo (Firefox).
  • Un documento de Word: elige Archivo > Guardar como y guárdalo como Página web.
  • Un documento de Google: elige Archivo > Descargar > Página web. Obtienes un archivo .zip; el archivo .html de dentro es el que necesitas.

Cómo convertir HTML a Markdown

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

Bajo el resultado, una línea cuenta las palabras, títulos, enlaces, imágenes y tablas encontrados, para que veas de un vistazo que no falta nada.

Las opciones

  • Solo el contenido principal. Activada por defecto. Si la página marca su contenido principal (con <main> o un único <article>), se omiten el menú, la cabecera y el pie que lo rodean, y una nota lo indica. Desactívala para convertirlo todo. En el ejemplo de arriba, se añaden el menú y el pie:
[Home](/) [Books](/books)

# Opening hours
…
Corner Books, 12 High Street
  • Tablas y listas de tareas de GitHub. Activada por defecto. Las tablas pasan a tablas Markdown, <del> a ~~tachado~~ y las casillas de las listas a listas de tareas. El Markdown estándar no tiene nada de esto, así que desactívala solo si el Markdown va a un sitio estricto.
  • Títulos. # Título es el estilo habitual. Subrayados escribe los dos títulos más grandes con una línea de === o --- debajo, como esperan algunas herramientas antiguas.
  • Viñetas. -, * o +. Significan lo mismo; elige la que use tu proyecto.
  • Bloques de código. Con cercas pone el código entre líneas ``` y conserva su lenguaje (```js), que GitHub usa para los colores. Con sangría lo desplaza cuatro espacios a la derecha.
  • Enlaces. En el texto escribe cada dirección junto a su enlace. Al final deja el texto fácil de leer y reúne las direcciones abajo:
We are open **Monday to Saturday**. Visit [our shop][1].

…

[1]: https://example.com

Lo que Markdown no puede conservar

Markdown está pensado para texto sencillo y legible, así que algunas cosas se pierden por el camino:

  • Colores, fuentes y diseño. Los estilos, las clases y las columnas se eliminan; solo quedan el texto y su estructura.
  • Las imágenes se quedan donde están. Una imagen pasa a ser un enlace a su dirección, como ![photo](photo.jpg). Si llevas el texto a otra web, descarga también las imágenes.
  • Tablas complejas. Una celda de tabla Markdown tiene una sola línea, así que los saltos de línea dentro de una celda pasan a espacios, y las celdas combinadas se reparten con celdas vacías al lado.
  • Formularios, vídeos e incrustaciones. Los botones, campos de formulario, iframes, scripts y estilos siempre se omiten. Si una página solo tiene eso, el convertidor te avisa de que no encontró texto.

¿Se sube mi HTML?

No. La conversión se hace en tu navegador, así que tu HTML nunca sale de tu dispositivo. Además, el HTML se lee en una copia aislada: nada de lo que contiene se ejecuta y no se carga ninguna imagen durante la conversión.

Más herramientas Markdown

Preguntas frecuentes

¿Puedo convertir una web a partir de su dirección?

No directamente: el convertidor no visita otras webs, y eso forma parte de su privacidad. Abre la página, copia su código fuente o guárdala como se explica arriba, y pégala o ábrela aquí.

¿Sirve para Obsidian, Notion o GitHub?

Sí. El resultado es Markdown estándar con tablas y listas de tareas de GitHub, que los tres entienden. Pégalo en una nota, o descarga el archivo .md e impórtalo.

¿Por qué mi salto de línea termina con dos espacios?

Así escribe Markdown un salto de línea dentro de un párrafo (<br> en HTML). Los espacios no se ven, pero hacen falta: no los borres.

Comparte este artículo
FacebookPinterest

Más artículos

← Todos los artículos