Comment convertir du Markdown en HTML (avec aide-mémoire)
Le Markdown permet d’écrire du texte mis en forme avec des caractères ordinaires : **gras**, # Titre, - élément de liste. Les fichiers README, les applis de notes, les wikis et beaucoup de messageries l’utilisent. Mais un site web, une newsletter ou un CMS attendent le plus souvent du HTML. La conversion prend une seconde, à condition de savoir ce qu’on obtient.
Ce guide montre ce que devient chaque élément Markdown et comment convertir avec le convertisseur Markdown en HTML gratuit, tableaux, listes de tâches et résultat sûr compris.
Ce que devient le Markdown
Chaque marque Markdown a sa balise HTML :
| Markdown | HTML |
|---|---|
# 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> |
 | <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 court exemple. Ce Markdown :
# Opening hours
We are open **Monday to Saturday**. Visit [our shop](https://example.com).
- Books
- ~~Magazines~~ Comicsdevient ce 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>Chaque paragraphe est placé dans <p>, les éléments de liste dans <li>, et le titre reçoit un ID (opening-hours) pour que d’autres pages puissent y mener directement.
Convertir du Markdown en HTML
- Ouvrez le convertisseur Markdown en HTML et collez votre Markdown dans Entrée Markdown. Vous pouvez aussi cliquer sur Ouvrir un fichier ou déposer un fichier .md dans le cadre. Exemple charge un exemple.
- Choisissez les options (expliquées plus bas). Les réglages par défaut conviennent à la plupart : Markdown façon GitHub, ID des titres, HTML dangereux supprimé.
- Cliquez sur Convertir en HTML. Vérifiez le résultat dans Aperçu, passez à HTML pour voir le code, puis copiez-le ou téléchargez-le en fichier .html.
Les options
- Façon GitHub. Ajoute ce qui manque au Markdown standard : tableaux, listes de tâches (
- [x] Fait),~~barré~~et adresses web qui deviennent des liens d’elles-mêmes. Gardez-la, sauf si votre Markdown vient d’un outil CommonMark strict. - Retours à la ligne tels quels. En Markdown standard, un simple retour à la ligne est ignoré : deux lignes forment un seul paragraphe, et seule une ligne vide en commence un nouveau. Avec cette option, chaque retour à la ligne devient
<br>, comme dans les commentaires GitHub. Pratique pour les adresses et les poèmes. - ID des titres. Donne à chaque titre un
idcommeopening-hours, pour que des liens comme#opening-hoursy mènent. Les titres répétés reçoivent-1,-2, exactement comme sur GitHub. - Page HTML complète. Place le résultat dans un document entier avec un titre (repris du premier titre) et des styles simples et lisibles, prêt à s’ouvrir dans un navigateur. Laissez-la désactivée pour coller le contenu dans votre propre page ou votre CMS.
- Supprimer le HTML dangereux. Voir la section suivante.
Pourquoi « Supprimer le HTML dangereux » compte
Le Markdown peut contenir du HTML, et le HTML peut exécuter du code. Les trois lignes ci-dessous sont du Markdown valide :
<img src="photo.jpg" onerror="alert('Hi')">
<script>stealCookies()</script>
[Click me](javascript:alert('Hi'))Mettez cela sur votre site et le script s’exécute pour chaque visiteur. Avec Supprimer le HTML dangereux activé (par défaut), les scripts, les gestionnaires d’événements comme onerror et les liens javascript: sont retirés, tandis que le HTML ordinaire comme <b> ou <br> reste. Ne la désactivez que pour du Markdown que vous avez écrit vous-même. L’aperçu est toujours nettoyé, quel que soit votre choix.
Un détail de confidentialité de plus : les images d’autres sites ne sont pas chargées dans l’aperçu ; elles s’affichent comme un cadre légendé. Elles restent dans le HTML et s’affichent normalement là où vous le publiez.
Autres outils Markdown
- HTML en Markdown : l’autre sens, pour transformer une page web en notes ou en README.
- 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.
Mon texte est-il envoyé ?
Non. La conversion se fait dans votre navigateur : votre Markdown ne quitte jamais votre appareil.
Questions fréquentes
Est-ce que ça marche avec les README de GitHub ?
Oui. Gardez Façon GitHub et les tableaux, listes de tâches et blocs de code sortent comme sur GitHub. Les blocs de code gardent leur langage en classe, comme language-js, pour les colorations syntaxiques.
Puis-je utiliser mes propres styles ?
Oui. Sans Page HTML complète, vous obtenez un HTML simple qui prend les styles de votre site. Avec, remplacez le petit bloc <style> de l’en-tête par votre propre feuille de style.
Comment faire un retour à la ligne sans nouveau paragraphe ?
Terminez la ligne par deux espaces ou une barre oblique inverse, ou activez Retours à la ligne tels quels.
Autres articles
- Comment valider du XML avec un schéma XSD (et corriger les erreurs)
- Comment comparer deux fichiers Excel ou CSV et trouver les différences
- JSON ou YAML : différences, quand utiliser l’un ou l’autre et comment convertir
- Comment convertir un PNG en WebP (et quand ne pas le faire)
- Comment créer un QR code vCard pour votre carte de visite