new content + fixes + dep update

docs/dev/fragments/html/01-titres.md

@@ -19,12 +19,50 @@ On ne peut pas utiliser un `h4` après un `h2` si aucun `h3` n'est présent entr
 
 ## Exemples
 
+### Structure incorrecte
+
+```html
+<h1>Titre principal</h1>
+<h2>Titre secondaire</h2>
+<h4>Sous-titre</h4> // [!code error]
+```
+
+### Structure correcte
 ```html
 <h1>Titre principal</h1>
 <h2>Titre secondaire</h2>
 <h3>Sous-titre</h3>
+<h2>Titre secondaire</h2>
+<h3>Sous-titre</h3>
+<h4>Sous-titre</h4>
+<h2>Titre secondaire</h2>
 ```
 
+### Structure complexe correcte
+
+```html
+<h1>Sandwich PB&J</h1>
+<h2>Les ingrédients</h2> // [!code hl]
+<h3>Le frais</h3> // [!code hl]
+<ul>
+  <li>confiture</li>
+</ul>
+<h3>Le sec</h3> // [!code hl]
+<ul>
+  <li>pain</li>
+  <li>beurre de cacahuette</li>
+</ul>
+<h2>Les étapes</h2> // [!code hl]
+<ol>
+  <li>couper deux tartines de pain</li>
+  <li>étaler la confiture sur une tartine</li>
+  <li>étaler le beurre de cacahuette sur l’autre tartine</li>
+  <li>faire un sandwich</li>
+</ol>
+```
+
+Il est possible de revenir à un titre de niveau supérieur à n'importe quel moment.
+
 :::warning Styles et titres
 Il est fréquent de voir des titres importants utiliser un niveau inférieur pour des raisons de styles. Ce n'est pas une bonne pratique, il faudra préférer utiliser une classe plutôt que de modifier la structure du document.
 :::

docs/dev/fragments/html/02-paragraphe.md

@@ -16,3 +16,17 @@ Il est généralement préférable d'utiliser plusieurs paragraphes plutôt que
   veniam.
 </p>
 ```
+
+## Mise en forme
+
+Afin de mettre en forme le contenu d'un paragraphe, il existe plusieurs balises utilisables. Ces balises se comportent “en ligne”, permettant ainsi de cohabiter les unes à côté des autres.
+
+```html
+<strong>Permet de mettre du texte en avant et en gras</strong>
+<b>Permet de mettre du texte en gras</b>
+<em>Permet de mettre du texte en italique</em>
+<span>
+  Est une balise sans effet par défaut, utile pour styler un morceau de texte en
+  CSS
+</span>
+```

docs/dev/fragments/html/04-image.md

@@ -10,7 +10,7 @@ Cette balise nécessite deux attributs obligatoires: `src` et `alt` et deux attr
 
 L'attribut `src` nous permet de renseigner la source de l'image. Que ce soit une URL distante ou bien un chemin vers une image locale.
 
-L'attribut `alt` est à renseigner si l'image est “porteuse de sens”. Si l'image est décorative, l'attribut `alt` doit rester vide mais ne doit pas être supprimé.
+L'attribut `alt` est à renseigner si l'image est “porteuse de sens”. **Si l'image est décorative, l'attribut `alt` doit rester vide mais ne doit pas être supprimé.**
 
 Les attributs `width` et `height` sont à renseigner dans la mesure du possible afin que le navigateur réserve la place nécessaire à l'image au moment du chargement de la page.
 

docs/dev/fragments/html/index.md

@@ -4,4 +4,4 @@ Dans cette partie, vous trouverez des bouts de code (fragments) HTML. Ces exempl
 
 ## Fragments disponibles
 
-- [Titres](titres.md)
+- [Titres](01-titres.md)