Introduction

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.

À propos de ce document

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.

Formatage du texte

Emphase et importance

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.

Exposants et indices

Les exposants sont utiles pour les mathématiques : E = mc² ou pour les notes de bas de page¹.

Les indices sont parfaits pour la chimie : H₂O représente l’eau, CO₂ le dioxyde de carbone.

Code inline et formatage spécial

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.

Titres de différents niveaux

Titre de niveau 2

Les titres de niveau 2 organisent les sections principales.

Titre de niveau 3

Les titres de niveau 3 créent des sous-sections.

Titre de niveau 4

Les titres de niveau 4 permettent une organisation encore plus détaillée.

Titre de niveau 5

Les titres de niveau 5 sont rarement utilisés mais disponibles.

Titre de niveau 6

Le niveau 6 est le plus petit niveau de titre disponible.

Liens et références

Types de liens

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

Liens de référence

Voici un lien de référence qui peut être défini ailleurs dans le document.

Ancres personnalisées

Ce titre possède une ancre personnalisée accessible via ce lien.

Images et figures

Image simple

Image avec attributs

Figure avec légende

Les figures peuvent avoir des légendes descriptives qui expliquent leur contenu.

Listes

Liste non ordonnée simple

• Premier élément de la liste
• Deuxième élément de la liste
• Troisième élément avec plus de contenu pour démontrer le retour à la ligne automatique dans les éléments de liste
• Quatrième élément

Liste non ordonnée imbriquée

• Catégorie A
  • Sous-catégorie A1
  • Sous-catégorie A2
    • Sous-sous-catégorie A2.1
    • Sous-sous-catégorie A2.2
  • Sous-catégorie A3
• Catégorie B
  • Sous-catégorie B1
  • Sous-catégorie B2
• Catégorie C

Liste ordonnée

1. Première étape du processus
2. Deuxième étape avec plus de détails
3. Troisième étape
   1. Sous-étape 3.1
   2. Sous-étape 3.2
   3. Sous-étape 3.3
4. Quatrième étape finale

Liste de définitions

Terme technique 1

Définition détaillée du premier terme technique avec une explication complète de sa signification et de son utilisation.

Terme technique 2

Première définition possible pour ce terme.

Deuxième définition alternative pour le même terme.

API (Application Programming Interface)

Interface de programmation qui permet à différentes applications de communiquer entre elles.

Markdown

Langage de balisage léger permettant de formater du texte de manière simple et lisible.

Liste mixte avec paragraphes

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

2. Deuxième élément également avec un paragraphe.

   • Sous-liste non ordonnée
   • Dans un élément de liste ordonnée
   • Avec plusieurs items

3. Troisième élément final.

Tables

Table simple

Table avec alignement

Table complexe avec contenu riche

Citations

Citation simple

La simplicité est la sophistication suprême.

— Léonard de Vinci

Citation longue avec plusieurs paragraphes

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.

Citations imbriquées

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.

Blocs de code

Code inline dans une phrase

La fonction Array.prototype.map() transforme chaque élément d’un tableau. Pour déclarer une variable en JavaScript, utilisez const, let ou var.

Bloc de code simple