Guide visuel de tous les éléments HTML générés par Pandoc Markdown
3 octobre 2025
Ce document présente tous les éléments HTML que Pandoc peut générer à partir de Markdown, stylisés avec notre feuille de style complète. Chaque section démontre un type d’élément différent avec des exemples concrets.
Ce guide sert de référence visuelle pour comprendre comment chaque élément Markdown est rendu en HTML et stylisé. Vous y trouverez des exemples de texte, de formatage, de structures de données, et bien plus encore.
Le texte peut être formaté de plusieurs façons : texte en italique ou également en italique, texte en gras ou également en gras, et texte en gras et italique pour une emphase maximale.
Vous pouvez également utiliser du texte barré pour
indiquer des corrections ou des suppressions.
Les exposants sont utiles pour les mathématiques : E = mc2 ou pour les notes de bas de page1.
Les indices sont parfaits pour la chimie : H2O représente l’eau, CO2 le dioxyde de carbone.
Utilisez code inline pour les commandes ou noms de
variables. Par exemple, la fonction console.log() affiche
des messages dans la console JavaScript.
Les petites majuscules donnent un aspect élégant au texte.
Vous pouvez aussi surligner du texte important pour attirer l’attention.
Les titres de niveau 2 organisent les sections principales.
Les titres de niveau 3 créent des sous-sections.
Les titres de niveau 4 permettent une organisation encore plus détaillée.
Les titres de niveau 5 sont rarement utilisés mais disponibles.
Le niveau 6 est le plus petit niveau de titre disponible.
Voici un lien vers un site externe avec un titre au survol.
Les liens internes permettent de naviguer dans le document.
Vous pouvez aussi écrire directement une URL : https://pandoc.org
Voici un lien de référence qui peut être défini ailleurs dans le document.
Ce titre possède une ancre personnalisée accessible via ce lien.
Les figures peuvent avoir des légendes descriptives qui expliquent leur contenu.
Premier élément avec un paragraphe complet.
Ce paragraphe fait partie du premier élément de la liste et contient plus d’informations détaillées.
Deuxième élément également avec un paragraphe.
Troisième élément final.
| Nom | Prénom | Âge | Ville |
|---|---|---|---|
| Dupont | Jean | 35 | Paris |
| Martin | Marie | 28 | Lyon |
| Bernard | Pierre | 42 | Marseille |
| Dubois | Sophie | 31 | Toulouse |
| Produit | Quantité | Prix unitaire | Total |
|---|---|---|---|
| Ordinateur | 2 | 899,99 € | 1 799,98 € |
| Clavier | 5 | 49,99 € | 249,95 € |
| Souris | 5 | 29,99 € | 149,95 € |
| Écran | 3 | 299,99 € | 899,97 € |
| Total | 3 099,85 € |
| Fonctionnalité | Description | Priorité | Statut |
|---|---|---|---|
| Authentification | Système de connexion sécurisé avec OAuth 2.0 | Haute | ✓ Terminé |
| API REST | Interface RESTful pour les opérations CRUD |
Haute | ✓ Terminé |
| Dashboard | Tableau de bord avec graphiques interactifs | Moyenne | En cours |
| Notifications | Système de |
Basse | Planifié |
La simplicité est la sophistication suprême.
— Léonard de Vinci
Ceci est une citation longue qui s’étend sur plusieurs paragraphes pour démontrer le formatage des blockquotes.
Le deuxième paragraphe continue la citation avec plus de contenu. Les citations peuvent contenir du texte formaté comme du texte en italique ou du texte en gras.
Voici le troisième et dernier paragraphe de cette citation étendue.
Ceci est une citation de premier niveau.
Cette citation est imbriquée dans la première.
Et celle-ci est imbriquée encore plus profondément.
Retour à la citation de premier niveau.
La fonction Array.prototype.map() transforme chaque
élément d’un tableau. Pour déclarer une variable en JavaScript, utilisez
const, let ou var.