Conseils de mise en forme Markdown

7 min read Updated: January 31, 2026 Beginner
Astuces avancées de mise en forme Markdown, notamment les tableaux, notes de bas de page, listes de tâches et extensions GitHub Flavored Markdown

Mise en forme de base

Emphase du texte

*italic* or _italic_
**bold** or __bold__
***bold italic*** or ___bold italic___
~~strikethrough~~
italique gras gras italique barré

Titres

# Heading 1
## Heading 2
### Heading 3
#### Heading 4
##### Heading 5
###### Heading 6

Liens et images

Liens

[Link text](https://example.com)
[Link with title](https://example.com "Title")
<https://example.com>
[Reference link][ref]

[ref]: https://example.com

Images

![Alt text](/path/to/image.jpg)
![Alt text](/path/to/image.jpg "Title")

<!-- With link -->
[![Alt text](/path/to/image.jpg)](https://example.com)

<!-- Reference style -->
![Alt text][img-ref]

[img-ref]: /path/to/image.jpg "Title"

Dimensionnement des images (HTML)

<img src="/path/to/image.jpg" alt="Alt text" width="300">

<!-- Centered image -->
<p align="center">
  <img src="/path/to/image.jpg" alt="Alt text" width="500">
</p>

Listes

Listes à puces

- Item 1
- Item 2
  - Nested item
  - Another nested
- Item 3

* Alternative bullet
+ Also works

Listes numérotées

1. First item
2. Second item
   1. Nested numbered
   2. Another nested
3. Third item

<!-- Numbers don't need to be sequential -->
1. First
1. Second (renders as 2)
1. Third (renders as 3)

Listes de tâches

- [x] Completed task
- [ ] Incomplete task
- [ ] Another task
  - [x] Nested completed
  - [ ] Nested incomplete
  • Tâche terminée
  • Tâche non terminée
  • Autre tâche

Listes de définitions

Term 1
: Definition for term 1

Term 2
: Definition for term 2
: Additional definition

Code

Code en ligne

Use `code` for inline code.
Use `` `backticks` `` inside code.

Utilisez code pour le code en ligne.

Blocs de code

```python
def hello():
    print("Hello, World!")
```

```javascript
const greeting = () => {
    console.log("Hello!");
};
```

Code avec numéros de ligne (Jekyll)

```python
def hello():
    print("Hello, World!")
```
{: .line-numbers}

Langages de coloration syntaxique

Identifiants de langage courants :

  • python, py
  • javascript, js
  • typescript, ts
  • ruby, rb
  • bash, shell, sh
  • html, css, scss
  • json, yaml, yml
  • sql, markdown, md

Tableaux

Tableau de base

| Header 1 | Header 2 | Header 3 |
|----------|----------|----------|
| Cell 1   | Cell 2   | Cell 3   |
| Cell 4   | Cell 5   | Cell 6   |
En-tête 1 En-tête 2 En-tête 3
Cellule 1 Cellule 2 Cellule 3
Cellule 4 Cellule 5 Cellule 6

Alignement

| Left     | Center   | Right    |
|:---------|:--------:|---------:|
| Left     | Center   | Right    |
| Aligned  | Aligned  | Aligned  |
Gauche Centre Droite
Gauche Centre Droite
Aligné Aligné Aligné

Tableaux complexes

| Feature | Basic | Pro | Enterprise |
|:--------|:-----:|:---:|:----------:|
| Users   | 1     | 10  | Unlimited  |
| Storage | 5GB   | 50GB| 500GB      |
| Support | Email | Chat| 24/7 Phone |
| Price   | Free  | $10 | $99        |

Citations

Citation simple

> This is a blockquote.
> It can span multiple lines.

Ceci est une citation. Elle peut s’étendre sur plusieurs lignes.

Citations imbriquées

> First level
>> Second level
>>> Third level

Premier niveau

Deuxième niveau

Troisième niveau

Citation avec attribution

> The best way to predict the future is to invent it.
>
> — Alan Kay

Notes de bas de page

Here is a sentence with a footnote.[^1]

Another sentence with a named footnote.[^note]

[^1]: This is the footnote content.
[^note]: This is a named footnote.

Voici une phrase avec une note de bas de page.1


Filets horizontaux

---
***
___

Les trois créent un filet horizontal :


Caractères spéciaux

Échappement

\*not italic\*
\`not code\`
\# not a heading
\[not a link\]
*pas en italique* `not code`

Entités HTML

&copy; &reg; &trade;
&mdash; &ndash;
&larr; &rarr; &uarr; &darr;
&lt; &gt; &amp;

© ® ™ — – ← → ↑ ↓ < > &


Fonctionnalités avancées

Abréviations

HTML is great for web pages.

*[HTML]: Hyper Text Markup Language

Émojis

:smile: :rocket: :thumbsup:
:warning: :bulb: :memo:

:smile: :rocket: :thumbsup:

Touches du clavier

Press <kbd>Ctrl</kbd> + <kbd>C</kbd> to copy.

Appuyez sur Ctrl + C pour copier.

Sections repliables

<details>
<summary>Click to expand</summary>

Hidden content here.
- Can include markdown
- And lists
- And code

</details>
Cliquez pour développer Contenu masqué ici. - Peut inclure du markdown - Et des listes

Alertes/Encarts (GitHub)

> [!NOTE]
> Useful information.

> [!TIP]
> Helpful advice.

> [!IMPORTANT]
> Key information.

> [!WARNING]
> Potential issues.

> [!CAUTION]
> Serious concerns.

Spécifique à Jekyll

Variables Liquid

{{ page.title }}
{{ site.title }}
{{ content }}

Fichiers d’inclusion

{% include note.html content="This is a note." %}

Attributs Kramdown

This paragraph has a class.
{: .custom-class}

[Link with attributes](url){: .btn .btn-primary target="_blank"}

![Image with class](/image.jpg){: .img-fluid .rounded}

Table des matières

* TOC
{:toc}

Référence rapide

Élément Syntaxe
Gras **text**
Italique *text*
Code `code`
Lien [text](url)
Image ![alt](url)
Titre # H1 à ###### H6
Liste - item ou 1. item
Citation > quote
HR ---
Tâche - [x] done
Tableau | H1 | H2 |

Ressources

  1. Ceci est le contenu de la note de bas de page. 

Comments