+++ title = "Markdown et Style" description = "Exemple d'article présentant la syntaxe et le formatage de base de Markdown pour les éléments HTML." date = 2022-05-15 draft = false [taxonomies] tags = ["Features","Markdown"] [extra] keywords = "Markdown, Style, Syntax, Syntax Highlighting" toc = true series = "Features" +++ Cet article propose un exemple de syntaxe Markdown de base pouvant être utilisée dans les fichiers de contenu Zola. Il indique également si les éléments HTML de base sont décorés avec CSS dans un thème Zola. # Rubriques Les éléments HTML `

`—`

` suivants représentent six niveaux d'en-têtes de section. `

` est le niveau de section le plus élevé alors qu'il `

` est le plus bas. # H1 ## H2 ### H3 #### H4 ##### H5 ###### H6 # Paragraphe Xerum, quo qui aut unt expliquéam qui dolut labo. Aque venitatiusda cum, voluptionse latur sitiae dolessi aut parist aut dollo enim qui voluptate ma dolestendit peritin re plis aut quas inctum laceat est volestemque commosa as cus endigna tectur, offic to cor sequas etum rerum idem sintibus eiur ? Quianimin porecus evelectrur, cum que nis nust voloribus ratem aut omnimi, sitatur ? Quiatem. Nam, omnis sum am facea corem alique molestrunt et eos evelece arcillit ut aut eos eos nus, sin conecerem erum fuga. Ri oditatquam, ad quibus unda veliamenimin cusam et facea ipsamus es exerum sitate dolores editium rerore eost, temped molorro ratiae volorro te reribus dolorer sperchicium faceata tiustia prat. Itatur ? Quiatae cullecum rem ent aut odis in re eossequodi nonsequ idebis ne sapicia est sinveli squiatum, core et que aut hariosam ex eat. # Citations en bloc L'élément blockquote représente le contenu qui est cité à partir d'une autre source, éventuellement avec une citation qui doit être dans un élément `footer` ou `cite` et éventuellement avec des modifications en ligne telles que des annotations et des abréviations. ## Blockquote sans attribution > Tiam, ad mint andaepu dandae nostion secatur sequo quae. > **Notez** que vous pouvez utiliser *la syntaxe Markdown* dans un blockquote. ## Blockquote avec attribution > Ne communiquez pas en partageant la mémoire, partagez la mémoire en communiquant.
> — Rob Pike[^1] > Tous les hommes, par nature, désirent savoir.
> ― Aristotle[^2] > Le pouvoir vient en réponse à un besoin, pas à un désir.
> — *Goku* # Les Tables Les tables ne font pas partie de la spécification principale de Markdown, mais Zola les prend en charge prêtes à l'emploi. Nom | Âge --------|------ Alice | 23 Bob | 27 Cody | 33 John | 59 Kerry | 23 ## Tableau avec Markdown en ligne | Italique | Gras | Code | Barré | | -------- | -------- | ------ | ----------------- | | *italique* | **gras** | `code` | ~~barré~~ | ## Grand tableau dans l'étiquette de la figure Entourez les très grandes tables `
` pour qu'elles puissent défiler horizontalement.
| **Fabricant** | Volkswagen | Toyota | Ford | Honda | Chevrolet | BMW | Hyundai | Audi | Nissan | Kia | Mercedes | Tesla | Mitsubishi | Suzuki | Volvo | Subaru | Mazda | Jaguar | Buick | Lexus | GMC | Porsche | Cadillac | | ---------- | ---- | ---- | ---- | ---- | ---- | ---- | --- | --- | --- | --- | --- | --- | --- | --- | --- | --- | --- | --- | --- | --- | --- | --- | --- | | **Revenu $B** | $254 | $249 | $127 | $124 | $123 | $113 | $88 | $83 | $74 | $61 | $55 | $54 | $38 | $31 | $30 | $28 | $27 | $22 | $21 | $19 | $17 | $16 | $12 |
*valeurs de revenus trouvées sur le moteur de recherche et non vérifiées, uniquement à des fins de démonstration du tableau de défilement des figures.* # Texte pliable
Titre 1

C'EST UN SECRET POUR TOUT LE MONDE.

Titre 2

Reste un moment et écoute!

# Blocs de codes Blocs de code.. ❤️ avec coloration syntaxique automatique ✨‍ Voir [les docs](https://www.getzola.org/documentation/content/syntax-highlighting/) pour les options. ## Bloc de code avec backticks ```html Example HTML5 Document

Test

``` ## Numéros de ligne, faits saillants ```html,linenos,hl_lines=5 7-9 Example HTML5 Document

Test

``` ## Bloc de code en ligne Si nous voulons, nous pouvons aussi `spécifier le code en ligne` ce qui est utile pour `les petites choses`. # Types de liste ## Liste ordonnée 1. Premier élément 2. Deuxième élément 3. Troisième élément ## Liste non ordonnée - Élément de liste - Un autre article - Et un autre article ## Liste imbriquée - Fruit - Pomme - Orange - Banane - Laitier - Lait - Fromage # Autres éléments — abbr, sub, sup, kbd, mark, link GIF est un format d'image bitmap. H2O Xn + Yn = Zn Appuyez sur pour terminer la session. CTRL+ALT+Delete La plupart salamanders sont nocturnes et chassent les insectes, les vers et autres petites créatures. --- [^1]: La citation ci-dessus est extraite du [discours](https://www.youtube.com/watch?v=PAAkCSZUG1c) de Rob Pike lors du Gopherfest, le 18 novembre 2015. [^2]: La citation est la première phrase de [la Métaphysique](https://en.wikipedia.org/wiki/Metaphysics_(Aristotle)) d'Aristotle. ## Navs Le menu principal du site est créé en imbriquant la navigation sous une balise d'en-tête. Reportez-vous au haut de ce site pour un exemple. La navigation est réactive, réduisez la largeur de la page pour la voir en action. ## Formes


Taille