# Syntaxe Markdown
## La base
### Titres
```markdown
# Titre de niveau 1
## Titre de niveau 2
```
### Mise en forme
```markdown
**texte en gras**
_texte en italiques_
++texte souligné++
==texte surligné==
```
### Listes
```markdown
1. une
2. liste
3. ordonnée
- une
- liste
- à puces
- [ ] une tâche à faire
- [x] une tâche réalisée
```
## Niveau intermédiaire
### Liens et images
```markdown
[Texte du lien](URL)
```
### Balises HTML
```markdown
<iframe src="https://exemple.com" width="600" height="400"></iframe>
```
### Encadrés (“admonitions”) et citations
```markdown
:::info
Encadré de type "informations".
Essayez aussi : "warning" et "success"
Sur CodiMD : "spoiler" crée un bloc déroulant
:::
```
```markdown
> citation
> sur plusieurs
> lignes
```
## Niveau avancé
### Mathématiques
```markdown
$$Latex$$
$1+2$
```
### Éléments de code
```markdown
un élément de `code` intégré dans une ligne
```
````markdown
```
bloc de code
on peut indiquer le langage,
ici le markdown
```
````
### Tableaux
```markdown
|titre1|titre2|
|:-:|:-:|
|el1|el2|
```
<!-- Ne pas modifier le contenu ci-dessous, qui permet de configurer le style d'affichage à droite -->
<style>.markdown-body>*:first-child{ margin-top: 1em !important;} h1{ text-align:center;} h2{ text-align: center; background-color: #e8e3e3; padding-top: 15px; padding-bottom: 15px; margin-top:2em!important;} img.emoji{ max-height: 1em; max-width: 1em!important;} .alert{ margin-bottom:1.5em!important} .alert-success{ color: #3c763d; background-color: #cefabc; border-color: #96be75;} .alert-success li::marker{ color: #3c763d;} .alert-success li{ padding-left:0.5em;} .alert-success a{ color: #3c763d; text-decoration: underline #999; text-underline-offset: 3px;} .alert-warning{ color: #770101; background-color: #ffe2e2; border-color: #b94a48; max-width:600px; margin:auto;} .alert-info{ color: #113343; background-color: #eaf3f8; border-color: #7da9be;} .ui-infobar{ opacity:0.5;} section.imageLeft img{ height:100px; margin-right:1em; margin-bottom:1em; float:left;} section.imageLeft{ min-height:150px;}</style>