Heading 1

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.¹

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:

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¶

{% raw %}

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

Fichiers d'inclusion¶

{% raw %}

{% 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¶

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