Tableau Markdown · GFM · HTML
Convertir un tableau Markdown en HTML
Mis à jour : mai 2026
Les tableaux Markdown sont une extension GFM qui permet de structurer des données en lignes et colonnes à l'aide de pipes. Leur conversion en HTML produit des éléments <table> standards utilisables dans n'importe quel navigateur et personnalisables en CSS. Ce guide couvre la syntaxe complète des tableaux GFM et leur conversion en HTML.
Gratuit · Sans upload · Alignement des colonnes préservé
Syntaxe des tableaux GFM
Un tableau Markdown commence par une ligne d'en-tête, suivie d'une ligne séparatrice, puis les lignes de données. Chaque cellule est séparée par un pipe (|). Les pipes de début et de fin sont optionnels mais améliorent la lisibilité :
| Nom | Rôle | Actif |
|----------|-------------|-------|
| Alice | Développeur | Oui |
| Bob | Designer | Non |Cela produit un tableau HTML complet avec <thead> et <tbody>. La ligne d'en-tête devient des cellules <th> et les lignes de données des cellules <td>.
Syntaxe d'alignement des colonnes
La ligne séparatrice contrôle l'alignement via les deux-points. C'est la seule ligne qui affecte l'alignement — les lignes de données héritent du réglage :
| Gauche | Centré | Droite |
|:-------------|:--------:|-------------:|
| texte | texte | texte |:---— aligné à gauche (par défaut si pas de deux-points).:---:— centré.---:— aligné à droite.
En HTML, l'alignement est appliqué comme attribut style="text-align:left|center|right" sur chaque <th> et <td>.
Exemple complet de sortie HTML
Un tableau Markdown à deux colonnes avec des nombres alignés à droite :
| Article | Prix |
|:---------|------:|
| Café | 2,50 |
| Viennoise| 3,75 |Produit :
<table>
<thead>
<tr><th style="text-align:left">Article</th><th style="text-align:right">Prix</th></tr>
</thead>
<tbody>
<tr><td style="text-align:left">Café</td><td style="text-align:right">2,50</td></tr>
<tr><td style="text-align:left">Viennoise</td><td style="text-align:right">3,75</td></tr>
</tbody>
</table>Formater les tableaux avec Flowfiles
Le mode Formater MD de l'outil aligne automatiquement les colonnes du tableau. Les pipes inégaux et les largeurs de cellules variables sont normalisés pour que les colonnes soient visuellement alignées dans la source :
- Collez votre tableau non formaté dans l'éditeur source.
- Passez en mode Formater MD.
- Cliquez sur Convertir — les colonnes sont rembourrées à des largeurs égales.
- Copiez le Markdown formaté ou passez en mode MD → HTML pour la sortie.
Questions fréquentes
Les pipes de début et de fin sont-ils obligatoires ?
Non. Les pipes de début et de fin sont optionnels dans les tableaux GFM. Ils améliorent cependant la lisibilité et sont recommandés pour la cohérence.
Les cellules peuvent-elles contenir du Markdown ?
Oui. Le Markdown inline est supporté dans les cellules : **gras**, *italique*, `code`, liens et images se convertissent correctement.
Que se passe-t-il si les colonnes ont des nombres différents de cellules ?
Le convertisseur gère les tableaux asymétriques. Les cellules manquantes dans une ligne restent vides ; les cellules en excès sont ignorées.
Peut-on aligner des cellules individuelles différemment ?
Non. Dans le GFM, l'alignement est défini par colonne dans la ligne séparatrice. Toutes les cellules d'une colonne partagent le même alignement.
Le tableau HTML inclut-il des classes CSS ?
Aucune classe n'est ajoutée par défaut. Stylisez le tableau avec votre propre CSS. L'option Entourer div ajoute un wrapper class="markdown-body".