Mémo de syntaxe Markdown.

Retrouver rapidement les éléments de syntaxe Markdown les plus courants.

27 oct 2024 · 3 min ·

Table des matières

Titres
Emphase (gras, italique, souligné, barré)
Images
Liste à puces
Liste numérotée
Liste à cocher
Citation
Extrait de code
Lignes horizontales
Liens
Notes de bas de page
Boîtes colorées foncées (avec Bulma)
Boîtes colorées claires (avec Bulma)
Sources

Titres

# Titre de niveau 1
## Titre de niveau 2
### Titre de niveau 3
#### Titre de niveau 4
##### Titre de niveau 5
###### Titre de niveau 6

Emphase (gras, italique, souligné, barré)

*Texte en italique* ou _Texte en italique_
**Texte en gras** ou __Texte en gras__
***Texte en italique et en gras*** ou ___Texte en italique et en gras___
<ins>Texte souligné</ins>
~~Texte barré~~ 
Mot de `code`

Texte en italique ou Texte en italique
Texte en gras ou Texte en gras
Texte en italique et en gras ou Texte en italique et en gras
Texte souligné
~~Texte barré~~
Mot de code

Images

![logo Markdown](https://placehold.co/48x48 "Title : Logo Markdown"){: width=30 }

logo Markdown

Liste à puces

- Élément 1
- Élément 2
  - Sous-éléments 1
  - Sous-éléments 2
- Élément 3

Élément 1
Élément 2
- Sous-éléments 1
- Sous-éléments 2
Élément 3

Liste numérotée

Élément 1
Élément 2
Sous-éléments 1
Sous-éléments 2
Élément 3

Élément 1
Élément 2
1. Sous-éléments 1
2. Sous-éléments 2
Élément 3

Liste à cocher

- [x] Élément 1, coché
- [ ] Élément 2, non-coché
    - [x] Sous-élément 2.1, coché
    - [ ] Sous-élément 2.2, non-coché
- [ ] Élément 3, non-coché

Élément 1, coché
Élément 2, non-coché
- Sous-élément 2.1, coché
- Sous-élément 2.2, non-coché
Élément 3, non-coché

Citation

> Voici une citation
> sur plusieurs lignes

Voici une citation sur plusieurs lignes

Extrait de code

```html 
<a href="#" title="Titre du lien">Texte du lien</a> \
``` \

<a href="#" title="Titre du lien">Texte du lien</a>

```shell 
echo $SHELL \
ps aux
``` \

echo $SHELL
ps aux

Lignes horizontales

---
***
___

Liens

[Ceci est le texte du lien](https://www.carnets.info)
[Ceci est un lien avec un titre au survol](https://www.carnets.info "Le titre du lien")
On rencontre aussi cette syntaxe : <https://www.carnets.info>

Ceci est le texte du lien
Ceci est un lien avec un titre au survol
On rencontre aussi cette syntaxe : https://www.carnets.info

Notes de bas de page

Praesent commodo cursus magna[^note], Sed posuere consectetur est at
lobortis. Vel scelerisque nisl consectetur et[^othernote].
Un autre texte avec une note riche (multilignes et images).[^1]

[^1]: ![Alt text](https://placehold.co/30x10)
    Cette note de bas de page a deux paragraphes et une image..
    Mais reste clairement lisible !

[^note]: Une note de bas de page
[^othernote]: Une seconde note de bas de page

Praesent commodo cursus magna¹, Sed posuere consectetur est at lobortis. Vel scelerisque nisl consectetur et². Un autre texte avec une note riche (multilignes et images).³

Boîtes colorées foncées (avec Bulma)

{: .notification }
Notification de type par défaut

Notification de type par défaut

{: .notification .is-text}
Notification de type texte

Notification de type texte

{: .notification .is-link}
Notification de type lien

Notification de type lien

{: .notification .is-info}
Notification de type information

Notification de type information

{: .notification .is-warning}
Notification de type alerte

Notification de type alerte

{: .notification .is-danger}
Notification de type danger

Notification de type danger

{: .notification .is-success}
Notification de type succès

Notification de type succès

Boîtes colorées claires (avec Bulma)

{: .notification .is-light }
Notification de type par défaut