# Listes et tableaux (/fr/create/list-table)

<!-- agent-signals: reading_time_min: 2 · est_tokens: 731 · updated: 2026-07-30 -->
Related: [Journal des modifications](/fr/create/changelogs.md), [Mise en forme du code](/fr/create/code.md), [Fichiers](/fr/create/files.md), [Images et intégrations](/fr/create/image-embeds.md), [Contenu personnalisé](/fr/create/personalization.md), [Redirections](/fr/create/redirects.md)

<div id="lists">
  ## Listes [#listes]
</div>

Les listes suivent la [syntaxe Markdown](https://www.markdownguide.org/basic-syntax/#lists-1) officielle.

<div id="ordered-list">
  ### Liste numérotée [#liste-numérotée]
</div>

Pour créer une liste numérotée, ajoutez des nombres suivis d’un point devant les éléments de la liste.

1. Premier élément
2. Deuxième élément
3. Troisième élément
4. Quatrième élément

```mdx
1. Premier élément
2. Deuxième élément
3. Troisième élément
4. Quatrième élément
```

<div id="unordered-list">
  ### Liste à puces [#liste-à-puces]
</div>

Pour créer une liste à puces, ajoutez des tirets (`-`), des astérisques (`*`) ou des signes plus (`+`) avant chaque élément.

* Premier élément
* Deuxième élément
* Troisième élément
* Quatrième élément

```mdx
- Premier élément
- Deuxième élément
- Troisième élément
- Quatrième élément
```

<div id="nested-list">
  ### Liste imbriquée [#liste-imbriquée]
</div>

Indentez les éléments de la liste pour les imbriquer.

* Premier élément
* Deuxième élément
  * Élément supplémentaire
  * Élément supplémentaire
* Troisième élément

```mdx
- Premier élément
- Deuxième élément
  - Élément supplémentaire
  - Élément supplémentaire
- Troisième élément
```

<div id="tables">
  ## Tables [#tables]
</div>

Les tableaux suivent la [syntaxe Markdown officielle](https://www.markdownguide.org/extended-syntax/#tables).

Pour ajouter un tableau, utilisez trois tirets ou plus (`---`) pour créer l’en-tête de chaque colonne, et des barres verticales (`|`) pour séparer les colonnes. Pour des raisons de compatibilité, ajoutez également une barre verticale au début et à la fin de chaque ligne.

| Propriété   | Description                                      |
| ----------- | ------------------------------------------------ |
| Nom         | Nom complet de l’utilisateur                     |
| Âge         | Âge indiqué                                      |
| Inscription | Indique si l’utilisateur a rejoint la communauté |

```mdx
| Propriété | Description                                    |
| --------- | ---------------------------------------------- |
| Nom       | Nom complet de l'utilisateur                  |
| Âge       | Âge déclaré                                    |
| Rejoint   | Si l'utilisateur a rejoint la communauté      |
```

<div id="column-alignment">
  ### Alignement des colonnes [#alignement-des-colonnes]
</div>

Utilisez les deux-points dans la ligne de séparation pour définir l’alignement du contenu des colonnes :

| Aligné à gauche | Centré | Aligné à droite |
| :-------------- | :----: | --------------: |
| Gauche          | Centre |          Droite |
| Texte           |  Texte |           Texte |

```mdx
| Left aligned | Center aligned | Right aligned |
| :----------- | :------------: | ------------: |
| Left         | Center         | Right         |
| Text         | Text           | Text          |
```