Le Markdown permet de créer des tableaux. Ici, nous voyons comment créer des tableaux avec leurs entêtes et comment aligner leurs contenus.
Tableaux : Code Markdown
Tableau sans alignement
Titre colonne 1 | Titre colonne 1 | Titre colonne 1
--- | --- | ---
Cellule 1.1 | Cellule 1.2 | Cellule 1.3
Cellule 2.1 | Cellule 2.2 | Cellule 2.3
Tableau avec alignement
Titre colonne 1 (droite) | Titre colonne 1 (centré) | Titre colonne 1 (gauche)
---: | :---: | :---
Cellule 1.1 | Cellule 1.2 | Cellule 1.3
Cellule 2.1 | Cellule 2.2 | Cellule 2.3
Tableaux : Aperçu du rendu
Tableau sans alignement
Titre colonne 1 | Titre colonne 1 | Titre colonne 1 |
---|---|---|
Cellule 1.1 | Cellule 1.2 | Cellule 1.3 |
Cellule 2.1 | Cellule 2.2 | Cellule 2.3 |
Tableau avec alignement
Titre colonne 1 (droite) | Titre colonne 1 (centré) | Titre colonne 1 (gauche) |
---|---|---|
Cellule 1.1 | Cellule 1.2 | Cellule 1.3 |
Cellule 2.1 | Cellule 2.2 | Cellule 2.3 |
Tableaux : Code HTML équivalent
Tableau sans alignement
<table>
<thead>
<tr>
<th>Titre colonne 1</th>
<th>Titre colonne 1</th>
<th>Titre colonne 1</th>
</tr>
</thead>
<tbody>
<tr>
<td>Celule 1.1</td>
<td>Celule 1.2</td>
<td>Celule 1.3</td>
</tr>
<tr>
<td>Celule 2.1</td>
<td>Celule 2.2</td>
<td>Celule 2.3</td>
</tr>
</tbody>
</table>
Tableau avec alignement
<table>
<thead>
<tr>
<th align="right">Titre colonne 1 (droite)</th>
<th align="center">Titre colonne 1 (centré)</th>
<th align="left">Titre colonne 1 (gauche)</th>
</tr>
</thead>
<tbody>
<tr>
<td align="right">Celule 1.1</td>
<td align="center">Celule 1.2</td>
<td align="left">Celule 1.3</td>
</tr>
<tr>
<td align="right">Celule 2.1</td>
<td align="center">Celule 2.2</td>
<td align="left">Celule 2.3</td>
</tr>
</tbody>
</table>