wpRock
Julien MA Jacob - Développeur WordPress

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>
Julien .MA Jacob
Développeur WordPress
Julien MA Jacob - Développeur WordPress
🧙‍♂️ Passionné par le web et la programmation avec toujours plein de projets en tête 👨‍💻
  Chapitres // Markdown 🐙 Guide du développeur galactique