Comment convertir du HTML en Markdown (avec aide-mémoire)

Les pages web sont faites de HTML : plein de balises, de menus et de styles, il est difficile à lire et à modifier à la main. Le Markdown dit la même chose avec des caractères ordinaires : # Titre, **gras**, - élément de liste. Les applis de notes comme Obsidian, les wikis, GitHub, les générateurs de sites statiques et les outils de chat IA l’utilisent volontiers.

Convertir du HTML en Markdown sert donc à garder un article en notes, à déménager des articles de blog vers un nouveau site, à faire d’un document un README ou à donner à une IA le texte seul, sans le reste. Ce guide montre ce que devient chaque balise et comment convertir avec le convertisseur HTML en Markdown gratuit.

Ce que devient le HTML

Presque chaque balise HTML a son équivalent Markdown. <b> et <i> fonctionnent comme <strong> et <em>.

Un court exemple : une partie de la page web d’une boutique, avec un menu, un tableau et un script de suivi.

<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>

devient ce 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 |

Seul le contenu principal de la page est gardé : le menu et le pied de page disparaissent. Le script de suivi est aussi retiré : les scripts ne se retrouvent jamais dans le Markdown.

Comment obtenir le HTML

• Une page web : faites un clic droit sur la page et choisissez Afficher le code source de la page, puis sélectionnez tout et copiez. Ou enregistrez la page avec Ctrl+S (Cmd+S sur Mac) et ouvrez le fichier .html dans le convertisseur.
• Une partie de la page : faites un clic droit sur la partie voulue, choisissez Inspecter, puis un clic droit sur la ligne surlignée et Copier > Copier l’élément (Chrome et Edge) ou Copier > HTML externe (Firefox).
• Un document Word : choisissez Fichier > Enregistrer sous et enregistrez-le en Page web.
• Un document Google : choisissez Fichier > Télécharger > Page Web. Vous obtenez un fichier .zip ; c’est le fichier .html qu’il contient qu’il vous faut.

Convertir du HTML en Markdown

1. Ouvrez le convertisseur HTML en Markdown et collez votre HTML dans Entrée HTML. Vous pouvez aussi cliquer sur Ouvrir un fichier ou déposer un fichier .html dans le cadre. Exemple charge un exemple.
2. Choisissez les options (expliquées plus bas). Les réglages par défaut conviennent à la plupart.
3. Cliquez sur Convertir en Markdown. Vérifiez le résultat dans Aperçu, passez à Markdown pour voir le texte, puis copiez-le ou téléchargez-le en fichier .md.

Sous le résultat, une courte ligne compte les mots, titres, liens, images et tableaux trouvés : vous voyez d’un coup d’œil que rien ne manque.

Les options

• Seulement le contenu principal. Activée par défaut. Si la page indique son contenu principal (avec <main> ou un seul <article>), le menu, l’en-tête et le pied de page autour sont laissés de côté, et une note vous le signale. Désactivez-la pour tout convertir. Dans l’exemple ci-dessus, le menu et le pied de page s’ajoutent :

[Home](/) [Books](/books)

# Opening hours
…
Corner Books, 12 High Street

• Tableaux et listes de tâches GitHub. Activée par défaut. Les tableaux deviennent des tableaux Markdown, <del> devient ~~barré~~ et les cases à cocher des listes deviennent des listes de tâches. Le Markdown standard n’a rien de tout cela : désactivez-la seulement si le Markdown part vers un outil strict.
• Titres. # Titre est le style courant. Soulignés écrit les deux plus grands titres avec une ligne de === ou --- en dessous, comme l’attendent certains outils anciens.
• Puces. -, * ou +. Elles veulent dire la même chose ; prenez celle de votre projet.
• Blocs de code. Clôturés place le code entre des lignes ``` et garde son langage (```js), que GitHub utilise pour les couleurs. Indentés le décale plutôt de quatre espaces vers la droite.
• Liens. Dans le texte écrit chaque adresse à côté de son lien. Listés à la fin garde le texte lisible et rassemble les adresses en bas :

We are open **Monday to Saturday**. Visit [our shop][1].

…

[1]: https://example.com

Ce que le Markdown ne peut pas garder

Le Markdown est fait pour du texte simple et lisible, alors certaines choses se perdent en route :

• Couleurs, polices et mise en page. Les styles, les classes et les colonnes disparaissent ; seuls le texte et sa structure restent.
• Les images restent où elles sont. Une image devient un lien vers son adresse, comme ![photo](photo.jpg). Si vous déplacez le texte vers un autre site, téléchargez aussi les images.
• Tableaux complexes. Une cellule de tableau Markdown tient sur une ligne : les retours à la ligne dans une cellule deviennent des espaces, et les cellules fusionnées sont réparties avec des cellules vides à côté.
• Formulaires, vidéos et contenus intégrés. Les boutons, champs de formulaire, iframes, scripts et styles sont toujours laissés de côté. Si une page ne contient que cela, le convertisseur vous indique qu’aucun texte n’a été trouvé.

Mon HTML est-il envoyé ?

Non. La conversion se fait dans votre navigateur : votre HTML ne quitte jamais votre appareil. De plus, le HTML est lu dans une copie isolée : rien de ce qu’il contient ne s’exécute et aucune image n’est chargée pendant la conversion.

Autres outils Markdown

• Markdown en HTML : l’autre sens, pour mettre votre Markdown sur un site web.
• Générateur de tableaux Markdown : construire des tableaux dans une grille ou les coller depuis Excel.
• Générateur de README : remplir un formulaire et obtenir un README.md complet.

Questions fréquentes

Puis-je convertir une page web à partir de son adresse ?

Pas directement : le convertisseur ne visite pas d’autres sites, et c’est en partie ce qui le rend privé. Ouvrez la page, copiez son code source ou enregistrez-la comme expliqué plus haut, puis collez-la ou ouvrez-la ici.

Est-ce que ça marche pour Obsidian, Notion ou GitHub ?

Oui. Le résultat est du Markdown standard avec tableaux et listes de tâches GitHub, que les trois comprennent. Collez-le dans une note, ou téléchargez le fichier .md et importez-le.

Pourquoi mon retour à la ligne se termine-t-il par deux espaces ?

C’est ainsi que le Markdown écrit un retour à la ligne dans un paragraphe (<br> en HTML). Les espaces sont invisibles mais nécessaires : gardez-les.