---
# System prepended metadata

title: Caractères spéciaux

---

<head>
<style>
h1   {color: steelblue;}
h2   {color: teal;}
</style>
</head>

# Caractères spéciaux

À Á Â Ä Æ Ç É È Ê Ë Í Ì Î Ï Ñ Ó Ò Ô Ö Œ Ú Ù Û Ü

## Couleurs

- On peut <span style="color:red">mettre du rouge</span>,
- Ou **<span style="color:#40BAD2"> n'importe quelle autre couleur, même en gras </span>**.
- Surligner <span style="background-color:#40BAD2">avec n'importe quelle couleur aussi</span>,

Et en fait, tout ça c'est l'équivalent de CSS "inline", i.e. qu'on utilise seulement là où on l'a mis.

On peut aussi utiliser du CSS "internal", i.e. pour toute la page.

Par exemple :

```
<head>
<style>
body {background-color: powderblue;}
h1   {color: blue;}
p    {color: red;}
</style>
</head>
```

Pour les couleurs, voir [ici](https://htmlcolorcodes.com/color-names/).

C'est joli KaTeX ++dis donc++ :

$\sqrt{3x-1}+(1+x)^2$

*[HTML]: Hyper Text Markup Language

The HTML specification

---

- Pour bien copier-coller dans eM Client avec le formattage, en particulier des bullet points, il faut d'abord mettre le mail en "texte seul", puis copier le rendu (et non la source), le coller, puis choisir "garder la mise en forme", ce qui rebascule en mode html. Il faut alors rechanger la signature.
- Ca prend bien les bullet point, le gras, les couleurs de police et de surlignagne, les équations, mais pas le dépliage et les graphes mermaid.

---

Note pour les tests [ici](:/7551b6de1ac94ca3985158e0c0790892)

---

- Pour faire le \` nécessaire aux codes
- Pour voir les différents caractères spéciaux : http://norme-azerty.fr/
- https://agea.github.io/tutorial.md/
- pour forcer un saut de page lors d'un export pdf :
` <div style="page-break-after: always;"></div> `

<details><summary><b>cliquer pour déplier</b></summary>et là magnifique</details>

set toc depth to 2 levels

`$<toc{"level":[1,2]}>`

set toc depth to 3 levels and use an ordered list

`$<toc{"level":[1,2,3],"listType":"ol"}>`


$$
f(x) = \int_{-\infty}^\infty
	\hat f(\xi)\,e^{2 \pi i \xi x}
	\,d\xi
$$

https://mermaid-js.github.io/mermaid/#/flowchart

https://mermaid-js.github.io/mermaid/#/sequenceDiagram

```mermaid
graph LR;
    Aladdin-->B;
    Aladdin-->C;
    B-->D;
    C-->D;
```
AA

```mermaid
graph TD
abc-is-ID
b{diamond with label.}
c((circle and label))
d>another shape]
e[rectangle fa:fa-laptop eh oui]
f(rounded rectangle)

abc-is-ID-->b
b-.->c
c===d
d---e
e==>f
b-->|link has text|f
```

---

```mermaid
pie title Pets adopted by volunteers
    "Dogs" : 386
    "Cats" : 85
    "Rats" : 15 
```


:::success
Yes :tada:
:::

:::info
This is a message :mega:
:::

:::warning
Watch out :zap:
:::

:::danger
Oh No! :fire:
:::

# Je ne savais pas...

...qu'on pouvait gérer des liens de la façon suivante :

Voici [un lien vers un site][quelque chose].
Voici [un autre lien][autre chose].
Et maintenant, revenons au [premier lien][quelque chose].


[quelque chose]: https://www.github.com
[autre chose]: https://epionis.fr