Markdown : aide-mémoire

# Titre H1
## Titre H2
### Titre H3
#### Titre H4
##### Titre H5
###### Titre H6

Titre H1 (style souligné)
=========================

Titre H2 (style souligné)
-------------------------

*italique* ou _italique_
**gras** ou __gras__
***gras et italique*** ou ___gras et italique___
~~barré~~
==surligné==
H<sub>2</sub>O (indice)
E = mc<sup>2</sup> (exposant)
`code en ligne`
<u>souligné</u>
<kbd>Ctrl</kbd> + <kbd>C</kbd>
<mark>surligné HTML</mark>
**gras avec *italique* dedans**

Premier paragraphe.
Cette ligne est collée à la précédente (une seule ligne vide manque).

Deuxième paragraphe (séparé par une ligne vide).

Saut de ligne forcé : deux espaces en fin de ligne  
donc cette ligne est dessous.

Autre méthode : une barre oblique inverse\
et voilà.

- Élément
- Élément
    - Sous-élément (4 espaces, ou 2)
    - Sous-élément
        - Sous-sous-élément
- Élément

* Autre symbole `*`
+ Autre symbole `+`

1. Premier
2. Deuxième
    1. Sous-point
    2. Sous-point
3. Troisième

1. Les numéros réels
1. n'ont pas
1. d'importance

5. Commence à 5
6. puis 6

- [ ] À faire
- [x] Fait
- [ ] Une tâche
    - [x] Sous-tâche faite
    - [ ] Sous-tâche à faire

1. Première étape.

   Un second paragraphe dans la même étape.

2. Deuxième étape avec du code :

   ```bash
   echo "dans une liste"
   ```

Mot
: Sa définition.

Autre mot
: Une autre définition.

[Lien simple](https://arcanescookie.fr)
[Lien avec infobulle](https://arcanescookie.fr "Le site de Cookie")
<https://arcanescookie.fr>
https://arcanescookie.fr
<contact@exemple.fr>
[Lien par référence][ref1] et [un autre][ref2]
[Lien vers une section de cette page](#8-code)
[Lien vers un fichier voisin](./autre.md)
[Lien e-mail](mailto:contact@exemple.fr)

[ref1]: https://arcanescookie.fr "Titre optionnel"
[ref2]: https://example.com

![Texte alternatif](https://exemple.fr/image.png)
![Logo](https://exemple.fr/logo.png "Infobulle")
[![Cliquer](https://exemple.fr/bouton.png)](https://arcanescookie.fr)
![Texte alternatif][img1]

[img1]: https://exemple.fr/image.png

<img src="https://exemple.fr/image.png" width="150" alt="Image réduite">
![Image locale](./images/photo.png)

> Une citation simple.

> Citation sur
> plusieurs lignes.
>
> Avec un second paragraphe.

> Citation
>> Citation imbriquée
>>> Encore une

> **Citation avec du Markdown dedans**
> - une liste
> - `du code`
>
> et un [lien](https://arcanescookie.fr).

Appuyez sur la touche `Entrée`.
Code avec un backtick : ``code avec un ` backtick``.

```
Bloc sans langage
  les espaces sont conservés
```

    Bloc par indentation (4 espaces)
    sans langage

```python
def saluer():
    print("Bonjour le monde !")
```

|Nom|Type|
|--|--|
|Cookie|Mage|
|Claude|Android|

| Alignés à gauche | Centré | Alignés à droite |
| :--- | :---: | ---: |
| Texte | Texte | 12,50 € |
| Plus long texte | Au milieu | 8 € |

| Avec du formatage | Résultat |
|---|---|
| **gras**, *italique*, `code` | OK |
| [Un lien](https://arcanescookie.fr) | OK |
| Une barre `\|` échappée | OK |
| Saut de ligne<br>avec HTML | OK |

---
***
___

\*Ceci ne sera pas en italique\*
\# Ceci n'est pas un titre
\- Ceci n'est pas une liste
1\. Ceci n'est pas une liste numérotée
\[Pas un lien\](pas-de-lien)
Backtick : \`

<details>
<summary>Clique pour déplier</summary>

Contenu caché, avec du **Markdown** dedans.

</details>

<p align="center">Texte centré (HTML)</p>
<div align="right">Texte aligné à droite</div>
<span style="color:#a855f7">Texte violet</span>

<table>
  <tr><th colspan="2">Tableau HTML : cellule fusionnée</th></tr>
  <tr><td>A</td><td>B</td></tr>
</table>

Voici une phrase avec une note[^1] et une autre[^note-longue].

[^1]: La première note de bas de page.
[^note-longue]: Une note plus longue.

    Avec un second paragraphe (indenté).

> [!NOTE]
> Information utile à connaître.

> [!TIP]
> Un conseil pratique.

> [!IMPORTANT]
> Information essentielle.

> [!WARNING]
> Attention, risque de problème.

> [!CAUTION]
> Danger, action potentiellement destructrice.

> [!info] Titre personnalisé
> Contenu de l'encadré.

> [!faq]- Pliable (le tiret)
> Contenu caché.

Formule en ligne : $E = mc^2$ et $\frac{a}{b}$.

$$
x = \frac{-b \pm \sqrt{b^2 - 4ac}}{2a}
$$

```mermaid
flowchart LR
    A[Idée] --> B{Faisable ?}
    B -- Oui --> C[Coder]
    B -- Non --> D[Ranger dans DOCS]
    C --> E[Tester]
```

Direct : 😀 ✨ 🔮 📜 🍪 ✅ ❌ ⚠️ 🚀
Par code : :smile: :sparkles: :crystal_ball: :cookie: :warning: :rocket:

<!-- Ceci est un commentaire, il n'apparaît pas -->

[//]: # (Commentaire par référence)

---
title: "Mon article"
date: 2026-10-31
tags: [test, markdown]
---

[[Nom d'une autre note]]
[[Nom d'une note|texte affiché]]
[[Note#Section]]
![[image.png]]   (intégrer une image ou une note)
#etiquette

[TOC]
[[toc]]
[[_TOC_]]

Le HTML est un langage.

*[HTML]: HyperText Markup Language

| Je veux… | J'écris… |
|---|---|
| Un titre | `# Titre` … `###### Titre` |
| Gras / italique | `**gras**` / `*italique*` |
| Barré | `~~barré~~` |
| Liste à puces | `- élément` |
| Liste numérotée | `1. élément` |
| Case à cocher | `- [ ] tâche` / `- [x] fait` |
| Lien | `[texte](url)` |
| Image | `![alt](url)` |
| Citation | `> citation` |
| Code en ligne | `` `code` `` |
| Tableau | `\| A \| B \|` + `\|--\|--\|` |
| Séparateur | `---` |
| Note de bas de page | `[^1]` + `[^1]: texte` |
| Alerte | `> [!NOTE]` |
| Maths | `$formule$` / `$$formule$$` |
| Diagramme | bloc de code `mermaid` |
| Commentaire caché | `<!-- texte -->` |
| Échapper un symbole | `\*` |