Mise en forme de base
Emphase du texte
*italic* or _italic_
**bold** or __bold__
***bold italic*** or ___bold italic___
~~strikethrough~~
| italique | gras | gras italique |
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


<!-- With link -->
[](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,pyjavascript,jstypescript,tsruby,rbbash,shell,shhtml,css,scssjson,yaml,ymlsql,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
© ® ™
— –
← → ↑ ↓
< > &
© ® ™ — – ← → ↑ ↓ < > &
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 listesAlertes/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"}
{: .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 |  |
| 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. ↩
Comments