Fix HTML live sample errors (#3002)

31 files changed, 86 insertions, 86 deletions

diff --git a/files/fr/web/html/element/a/index.md b/files/fr/web/html/element/a/index.md
index 145bcd6226..fc5bbdf380 100644
--- a/files/fr/web/html/element/a/index.md
+++ b/files/fr/web/html/element/a/index.md
@@ -71,7 +71,7 @@ Cet élément inclut les [attributs universels](/fr/docs/Web/HTML/Global_attribu
     - `_parent` : le contexte de navigation parent de celui en cours. S'il n'y a pas de parent, il se comporte comme `_self`.
     - `_top` : le contexte de navigation le plus haut (le contexte "le plus haut" qui est un ancêtre du contexte actuel). S'il n'a aucun ancêtre, il se comporte comme `_self`.
 
-    > **Note :**Définir `target="_blank"` sur les éléments `<a>` fournit implicitement le même comportement `rel` que définir [`rel="noopener"`](/fr/docs/Web/HTML/Link_types/noopener) qui ne définit pas `window.opener`. Voir la [compatibilité des navigateurs](#browser_compatibility) pour le support.
+    > **Note :** Définir `target="_blank"` sur les éléments `<a>` fournit implicitement le même comportement `rel` que définir [`rel="noopener"`](/fr/docs/Web/HTML/Link_types/noopener) qui ne définit pas `window.opener`. Voir la [compatibilité des navigateurs](#browser_compatibility) pour le support.
 
 - **`type`**
   - : Donne des indications sur le format de l'URL liée avec un [Type MIME](/fr/docs/Glossary/MIME_type). Aucune fonctionnalité intégrée.
@@ -82,7 +82,7 @@ Cet élément inclut les [attributs universels](/fr/docs/Web/HTML/Global_attribu
 
   - : Fait allusion aux [encodages des caractères](/fr/docs/Glossary/character_encoding) de l'URL liée.
 
-    > **Note :**Cet attribut est déprécié et **ne doit pas être utilisé par les auteurs**. Utilisez l'en-tête HTTP [`Content-Type`](/fr/docs/Web/HTTP/Headers/Content-Type) sur l'URL liée.
+    > **Note :** Cet attribut est déprécié et **ne doit pas être utilisé par les auteurs**. Utilisez l'en-tête HTTP [`Content-Type`](/fr/docs/Web/HTTP/Headers/Content-Type) sur l'URL liée.
 
 - **`coords`** {{Deprecated_Inline}}
   - : Utilisé avec [l'attribut `shape`](#shape). Une liste de coordonnées séparées par des virgules.
@@ -90,7 +90,7 @@ Cet élément inclut les [attributs universels](/fr/docs/Web/HTML/Global_attribu
 
   - : Était nécessaire pour définir un emplacement cible possible dans une page. En HTML 4.01, `id` et `name` pouvaient tous deux être utilisés sur `<a>`, pour autant qu'ils aient des valeurs identiques.
 
-    > **Note :**Utilisez l'attribut universel [`id`](/fr/docs/Web/HTML/Global_attributes#attr-id) à la place.
+    > **Note :** Utilisez l'attribut universel [`id`](/fr/docs/Web/HTML/Global_attributes#attr-id) à la place.
 
 - **`rev`** {{Deprecated_Inline}}
   - : Spécifiait un lien inverse ; l'opposé de [l'attribut `rel`](#rel). Déprécié pour avoir été très confus.
@@ -98,7 +98,7 @@ Cet élément inclut les [attributs universels](/fr/docs/Web/HTML/Global_attribu
 
   - : La forme de la région de l'hyperlien dans une carte d'image.
 
-    > **Note :**Utilisez plutôt l'élément [`<area>`](/fr/docs/Web/HTML/Element/area) pour les cartes d'images.
+    > **Note :** Utilisez plutôt l'élément [`<area>`](/fr/docs/Web/HTML/Element/area) pour les cartes d'images.
 
 ## Propriétés
 
@@ -225,7 +225,7 @@ Cet élément inclut les [attributs universels](/fr/docs/Web/HTML/Global_attribu
 
 #### Résultat
 
-{{EmbedLiveSample("linking_to_an_absolute_url", "100%", 50)}}
+{{EmbedLiveSample("Créer_un_lien_vers_une_URL_absolue", "100%", 50)}}
 
 ### Créer des liens vers des URL relatives
 
@@ -243,7 +243,7 @@ a { display: block; margin-bottom: 0.5em }
 
 #### Résultat
 
-{{EmbedLiveSample("linking_to_relative_urls", "100%", 120)}}
+{{EmbedLiveSample("Créer_des_liens_vers_des_URL_relatives", "100%", 120)}}
 
 ### Créer un lien vers un élément de la même page
 
@@ -257,7 +257,7 @@ a { display: block; margin-bottom: 0.5em }
 <h2 id="section_further_down">Section plus bas</h2>
 ```
 
-> **Note :**Vous pouvez utiliser `href="#top"` ou le fragment vide (`href="#"`) pour créer un lien vers le haut de la page actuelle, [comme défini dans la spécification HTML](https://html.spec.whatwg.org/multipage/browsing-the-web.html#scroll-to-the-fragment-identifier).
+> **Note :** Vous pouvez utiliser `href="#top"` ou le fragment vide (`href="#"`) pour créer un lien vers le haut de la page actuelle, [comme défini dans la spécification HTML](https://html.spec.whatwg.org/multipage/browsing-the-web.html#scroll-to-the-fragment-identifier).
 
 ### Créer un lien avec une adresse électronique
 
@@ -349,7 +349,7 @@ document.querySelector('a').addEventListener('click', event =>
 
 ##### Résultat
 
-{{EmbedLiveSample('example_painting_app_with_save_link', '100%', '420')}}
+{{EmbedLiveSample("Exemple_d'application_de_peinture_avec_lien_de_sauvegarde", '100%', '420')}}
 
 ## Sécurité et vie privée
 
diff --git a/files/fr/web/html/element/abbr/index.md b/files/fr/web/html/element/abbr/index.md
index af55af9279..df283b9048 100644
--- a/files/fr/web/html/element/abbr/index.md
+++ b/files/fr/web/html/element/abbr/index.md
@@ -131,7 +131,7 @@ On peut baliser une abréviation sans fournir de description ou de définition,
 
 #### Résultat
 
-{{EmbedLiveSample("marking_up_an_abbreviation_semantically", "100%", 80)}}
+{{EmbedLiveSample("Baliser_une_abréviation_pour_marquer_la_sémantique", "100%", 80)}}
 
 ### Mettre en forme des abréviations
 
@@ -153,7 +153,7 @@ abbr {
 
 #### Résultat
 
-{{EmbedLiveSample("styling_abbreviations", "100%", 80)}}
+{{EmbedLiveSample("Mettre_en_forme_des_abréviations", "100%", 80)}}
 
 ### Fournir une description
 
@@ -167,7 +167,7 @@ On peut ajouter un attribut [`title`](/fr/docs/Web/HTML/Global_attributes#attr-t
 
 #### Résultat
 
-{{EmbedLiveSample("providing_an_expansion", "100%", 80)}}
+{{EmbedLiveSample("Fournir_une_description", "100%", 80)}}
 
 ### Définir une abréviation
 
@@ -188,7 +188,7 @@ l'utiliser.</p>
 
 #### Résultat
 
-{{EmbedLiveSample("defining_an_abbreviation", "100%", 160)}}
+{{EmbedLiveSample("Définir_une_abréviation", "100%", 160)}}
 
 ## Accessibilité
 
diff --git a/files/fr/web/html/element/address/index.md b/files/fr/web/html/element/address/index.md
index d58e461f67..00dd68aeff 100644
--- a/files/fr/web/html/element/address/index.md
+++ b/files/fr/web/html/element/address/index.md
@@ -162,7 +162,7 @@ Cet élément n'a pas d'autres attributs que les [attributs universels](/fr/docs
 
 ### Résultat
 
-{{EmbedLiveSample("example", "100%", 190)}}
+{{EmbedLiveSample("Exemple", "100%", 190)}}
 
 Bien que le rendu par défaut du texte de l'élément `<address>` utilise le même style par défaut que les éléments [`<i>`](/fr/docs/Web/HTML/Element/i) ou [`<em>`](/fr/docs/Web/HTML/Element/em), il est plus approprié d'utiliser cet élément lorsque l'on traite d'informations de contact, étant donné qu'il apporte des informations sémantiques supplémentaires.
 
diff --git a/files/fr/web/html/element/applet/index.md b/files/fr/web/html/element/applet/index.md
index 30fbcbea96..3621ae511b 100644
--- a/files/fr/web/html/element/applet/index.md
+++ b/files/fr/web/html/element/applet/index.md
@@ -130,7 +130,7 @@ Cet élément peut utiliser [les attributs universels](/fr/docs/Web/HTML/Global_
 
 ### Résultat
 
-{{EmbedLiveSample("example","100%", 30)}}
+{{EmbedLiveSample("Exemple","100%", 30)}}
 
 ## Spécifications
 
diff --git a/files/fr/web/html/element/area/index.md b/files/fr/web/html/element/area/index.md
index d7fcde5a30..0250454cfd 100644
--- a/files/fr/web/html/element/area/index.md
+++ b/files/fr/web/html/element/area/index.md
@@ -143,7 +143,7 @@ Cet élément inclut les [attributs universels](/fr/docs/Web/HTML/Global_attribu
 
     Cet attribut doit uniquement être utilisé si l'attribut [`href`](#attr-href) est présent.
 
-    > **Note :**La définition de `target="_blank"` sur les éléments `<area>` fournit implicitement le même comportement `rel` que la définition de [`rel="noopener"`](/fr/docs/Web/HTML/Link_types/noopener) qui ne définit pas `window.opener`. Voir la [compatibilité des navigateurs](#browser_compatibility) pour les informations sur son support.
+    > **Note :** La définition de `target="_blank"` sur les éléments `<area>` fournit implicitement le même comportement `rel` que la définition de [`rel="noopener"`](/fr/docs/Web/HTML/Link_types/noopener) qui ne définit pas `window.opener`. Voir la [compatibilité des navigateurs](#browser_compatibility) pour les informations sur son support.
 
 ### Attributs dépréciés ou obsolètes
 
@@ -153,7 +153,7 @@ Cet élément inclut les [attributs universels](/fr/docs/Web/HTML/Global_attribu
 
   - : Indique une absence d'hyperlien pour la zone d'intérêt. Cet attribut doit être présent si **href** ne l'est pas et _vice versa_.
 
-    > **Note :**Cet attribut est obsolète en HTML5, ne pas utiliser l'attribut `href` suffit.
+    > **Note :** Cet attribut est obsolète en HTML5, ne pas utiliser l'attribut `href` suffit.
 
 - **`tabindex`** {{deprecated_inline}}
   - : Une valeur numérique définissant l'ordre de la zone d'intérêt parmi les différentes étiquettes. Cet attribut est un attribut universel avec HTML5.
@@ -174,7 +174,7 @@ Dans cet exemple, la partie gauche est un lien vers une page et la partie droite
 
 ### Résultat
 
-{{EmbedLiveSample("example", "100%", "230")}}
+{{EmbedLiveSample("Exemple", "100%", "230")}}
 
 ## Spécifications
 
diff --git a/files/fr/web/html/element/aside/index.md b/files/fr/web/html/element/aside/index.md
index 072a44e523..9e515beaef 100644
--- a/files/fr/web/html/element/aside/index.md
+++ b/files/fr/web/html/element/aside/index.md
@@ -131,7 +131,7 @@ Dans cet exemple, on utilise `<aside>` afin de baliser un paragraphe d'un articl
 
 ### Résultat
 
-{{EmbedLiveSample("example", "100%", 150)}}
+{{EmbedLiveSample("Exemple", "100%", 150)}}
 
 ## Spécifications
 
diff --git a/files/fr/web/html/element/bdo/index.md b/files/fr/web/html/element/bdo/index.md
index 6627375b8f..a750c36dc2 100644
--- a/files/fr/web/html/element/bdo/index.md
+++ b/files/fr/web/html/element/bdo/index.md
@@ -122,7 +122,7 @@ Comme pour tous les éléments, on peut appliquer [les attributs universels](/fr
 
 ### Résultat
 
-{{EmbedLiveSample("examples","100%",120)}}
+{{EmbedLiveSample("Exemples","100%",120)}}
 
 ## Notes
 
diff --git a/files/fr/web/html/element/big/index.md b/files/fr/web/html/element/big/index.md
index 193964cd00..42332863f5 100644
--- a/files/fr/web/html/element/big/index.md
+++ b/files/fr/web/html/element/big/index.md
@@ -66,7 +66,7 @@ Cet exemple utilise la propriété CSS [`font-size`](/fr/docs/Web/CSS/font-size)
 
 #### Résultat
 
-{{EmbedLiveSample("using_css_font-size", "", 100)}}
+{{EmbedLiveSample("Utilisation_de_la_propriété_CSS_font-size", "", 100)}}
 
 ## Interface DOM
 
diff --git a/files/fr/web/html/element/blockquote/index.md b/files/fr/web/html/element/blockquote/index.md
index 240f710845..627f7d95f4 100644
--- a/files/fr/web/html/element/blockquote/index.md
+++ b/files/fr/web/html/element/blockquote/index.md
@@ -124,7 +124,7 @@ Cet exemple démontre l'utilisation de l'élément `<blockquote>` pour citer un
 
 Le résultat de cet extrait HTML ressemble à ceci :
 
-{{EmbedLiveSample("example", 640, 200)}}
+{{EmbedLiveSample("Exemple", 640, 200)}}
 
 ## Spécifications
 
diff --git a/files/fr/web/html/element/br/index.md b/files/fr/web/html/element/br/index.md
index a3e251e54a..066e1456e1 100644
--- a/files/fr/web/html/element/br/index.md
+++ b/files/fr/web/html/element/br/index.md
@@ -18,7 +18,7 @@ L'élément HTML **`<br>`** crée un saut de ligne (un retour chariot) dans le t
 
 Comme vous pouvez le voir dans l'exemple ci-dessus, un élément `<br>` est inclus à chaque point où nous voulons que le texte soit interrompu. Le texte après le `<br>` recommence au début de la ligne suivante du bloc de texte.
 
-> **Note :**Attention, `<br>` ne doit pas être utilisé de façon abusive afin d'augmenter l'espace entre les lignes d'un texte. Pour cela, on utilisera la propriété [CSS](/fr/docs/Web/CSS) [`margin`](/fr/docs/Web/CSS/margin) sur l'élément HTML [`<p>`](/fr/docs/Web/HTML/Element/p).
+> **Note :** Attention, `<br>` ne doit pas être utilisé de façon abusive afin d'augmenter l'espace entre les lignes d'un texte. Pour cela, on utilisera la propriété [CSS](/fr/docs/Web/CSS) [`margin`](/fr/docs/Web/CSS/margin) sur l'élément HTML [`<p>`](/fr/docs/Web/HTML/Element/p).
 
 ## Attributs
 
@@ -51,7 +51,7 @@ USA<br>
 
 Le résultat ressemble à ceci :
 
-{{EmbedLiveSample('simple_br', '', '130')}}
+{{EmbedLiveSample('Simple_rupture_de_ligne', '', '130')}}
 
 ## Accessibilité
 
diff --git a/files/fr/web/html/element/button/index.md b/files/fr/web/html/element/button/index.md
index 198ca7ea2e..de096d3782 100644
--- a/files/fr/web/html/element/button/index.md
+++ b/files/fr/web/html/element/button/index.md
@@ -198,7 +198,7 @@ Si vos boutons ne servent pas à soumettre des données de formulaire à un serv
 <button name="button">Cliquez sur moi :)</button>
 ```
 
-{{EmbedLiveSample('example', 200, 64)}}
+{{EmbedLiveSample('Exemple', 200, 64)}}
 
 ## Problèmes d'accessibilité
 
diff --git a/files/fr/web/html/element/canvas/index.md b/files/fr/web/html/element/canvas/index.md
index d8e107d41f..4efdc0d462 100644
--- a/files/fr/web/html/element/canvas/index.md
+++ b/files/fr/web/html/element/canvas/index.md
@@ -136,7 +136,7 @@ La taille maximale d'un élément `<canvas>` dépend du navigateur utilisé. Voi
 | Safari     | 32 767 pixels    | 32 767 pixels    | 268 435 456 pixels (soit 16 384 x 16 384) |
 | IE         | 8 192 pixels     | 8 192 pixels     | ?                                         |
 
-> **Note :**Si on dépasse les dimensions ou l'aire maximale, le canevas deviendra inutilisable et les commandes de dessin ne fonctionneront pas.
+> **Note :** Si on dépasse les dimensions ou l'aire maximale, le canevas deviendra inutilisable et les commandes de dessin ne fonctionneront pas.
 
 ## Exemples
 
@@ -163,7 +163,7 @@ ctx.fillRect(10, 10, 100, 100);
 
 ### Résultat
 
-{{EmbedLiveSample('examples')}}
+{{EmbedLiveSample('Exemples')}}
 
 ## Accessibilité
 
diff --git a/files/fr/web/html/element/cite/index.md b/files/fr/web/html/element/cite/index.md
index d79b5c8560..105456ab40 100644
--- a/files/fr/web/html/element/cite/index.md
+++ b/files/fr/web/html/element/cite/index.md
@@ -141,7 +141,7 @@ En général, les navigateurs donnent un style au contenu d'un élément `<cite>
 
 Le HTML ci-dessus produit le résultat suivant :
 
-{{EmbedLiveSample('example', '', 80)}}
+{{EmbedLiveSample('Exemple', '', 80)}}
 
 ## Spécifications
 
diff --git a/files/fr/web/html/element/code/index.md b/files/fr/web/html/element/code/index.md
index 2020c817fb..41f31417b9 100644
--- a/files/fr/web/html/element/code/index.md
+++ b/files/fr/web/html/element/code/index.md
@@ -107,7 +107,7 @@ Un paragraphe de texte qui contient `<code>` :
 
 La sortie générée par ce HTML ressemble à ceci :
 
-{{EmbedLiveSample('example', '', 100)}}
+{{EmbedLiveSample('Exemples', '', 100)}}
 
 ## Notes
 
diff --git a/files/fr/web/html/element/datalist/index.md b/files/fr/web/html/element/datalist/index.md
index 6de10c3a35..de9d41255f 100644
--- a/files/fr/web/html/element/datalist/index.md
+++ b/files/fr/web/html/element/datalist/index.md
@@ -108,7 +108,7 @@ Cet élément ne possède que [les attributs universels](/fr/docs/Web/HTML/Globa
 
 #### Résultat
 
-{{EmbedLiveSample("examples", "", 100)}}
+{{EmbedLiveSample("Exemples", "", 100)}}
 
 ## Spécifications
 
diff --git a/files/fr/web/html/element/del/index.md b/files/fr/web/html/element/del/index.md
index fc1d6ac70b..5de73b27d4 100644
--- a/files/fr/web/html/element/del/index.md
+++ b/files/fr/web/html/element/del/index.md
@@ -100,7 +100,7 @@ Comme pour tous les autres éléments, on peut utiliser [les attributs universel
 
 ### Résultat
 
-{{EmbedLiveSample("examples", "", 100)}}
+{{EmbedLiveSample("Exemples", "", 100)}}
 
 ## Accessibilité
 
diff --git a/files/fr/web/html/element/details/index.md b/files/fr/web/html/element/details/index.md
index e034b44d5d..e51755e7a3 100644
--- a/files/fr/web/html/element/details/index.md
+++ b/files/fr/web/html/element/details/index.md
@@ -21,7 +21,7 @@ La plupart du temps, le contrôle utilisé pour cet élément est un triangle qu
 
 {{EmbedInteractiveExample("pages/tabbed/details.html", "tabbed-standard")}}
 
-> **Note :**L'utilisation courante d'un triangle qui tourne ou s'enroule pour représenter l'ouverture ou la fermeture du widget explique pourquoi on les appelle parfois « twisties » en anglais.
+> **Note :** L'utilisation courante d'un triangle qui tourne ou s'enroule pour représenter l'ouverture ou la fermeture du widget explique pourquoi on les appelle parfois « twisties » en anglais.
 
 Un widget `<details>` peut être dans l'un des deux états suivants. L'état par défaut _fermé_ affiche uniquement le triangle et l'étiquette à l'intérieur du `<summary>` (ou une chaîne par défaut définie par [l'agent utilisateur](/fr/docs/Glossary/User_agent) si aucun `<summary>`).
 
@@ -31,7 +31,7 @@ Lorsque l'utilisateur clique sur le widget ou le met au point, puis appuie sur l
 
 Par défaut, lorsqu'il est fermé, le widget est seulement assez haut pour afficher le triangle de divulgation et le résumé. Lorsqu'il est ouvert, il s'étend pour afficher les détails qu'il contient.
 
-> **Note :**Malheureusement, à l'heure actuelle, il n'existe aucun moyen intégré d'animer la transition entre l'ouverture et la fermeture.
+> **Note :** Malheureusement, à l'heure actuelle, il n'existe aucun moyen intégré d'animer la transition entre l'ouverture et la fermeture.
 
 Les implémentations entièrement conformes aux normes appliquent automatiquement le code CSS `display: list-item` à l'élément [`<summary>`](/fr/docs/Web/HTML/Element/summary). Vous pouvez l'utiliser pour personnaliser davantage son apparence. Voir [personnaliser le marqueur de révélation](#customizing_the_disclosure_widget) pour plus de détails.
 
@@ -111,7 +111,7 @@ Comme tous les éléments HTML, cet élément accepte les [attributs universels]
 
   - : Cet attribut booléen indique si les détails — c'est-à-dire le contenu de l'élément `<details>` — sont actuellement visibles ou non. Les détails sont affichés lorsque cet attribut existe, ou cachés lorsque cet attribut est absent. Par défaut, cet attribut est absent, ce qui signifie que les détails ne sont pas visibles.
 
-    > **Note :**Vous devez supprimer entièrement cet attribut pour que les détails soient cachés. Attention, `open="false"` rend les détails visibles, car cet attribut est booléen.
+    > **Note :** Vous devez supprimer entièrement cet attribut pour que les détails soient cachés. Attention, `open="false"` rend les détails visibles, car cet attribut est booléen.
 
 ## Évènements
 
@@ -146,7 +146,7 @@ Dans cet exemple, on utilise un élément `<details>` sans résumé/intitulé.
 
 Ici, le navigateur utilisera alors un intitulé par défaut (généralement, ce sera "Détails").
 
-{{EmbedLiveSample("a_simple_disclosure_example", "", 100)}}
+{{EmbedLiveSample("Un_exemple_simple", "", 100)}}
 
 ### Créer un contrôle déjà ouvert
 
@@ -164,7 +164,7 @@ Pour obtenir une boîte `<details>` dans un état ouvert, il suffit d'ajouter l'
 
 Cela se traduit par :
 
-{{EmbedLiveSample("creating_an_open_disclosure_box", "", 130)}}
+{{EmbedLiveSample("Créer_un_contrôle_déjà_ouvert", "", 130)}}
 
 ### Personnaliser l'apparence
 
@@ -218,7 +218,7 @@ Le sélecteur `details[open]` peut être utilisé pour donner un style à l'élÃ
 
 #### Résultat
 
-{{EmbedLiveSample("customizing_the_appearance", "", 120)}}
+{{EmbedLiveSample("Personnaliser_l'apparence", "", 120)}}
 
 ### Personnaliser le marqueur de révélation
 
@@ -274,7 +274,7 @@ Ce CSS crée un aspect similaire à celui d'une interface à onglets, où l'acti
 
 #### Résultat
 
-{{EmbedLiveSample("customizing_the_disclosure_widget", "", 120)}}
+{{EmbedLiveSample("Personnaliser_le_marqueur_de_révélation", "", 120)}}
 
 ## Spécifications
 
diff --git a/files/fr/web/html/element/dfn/index.md b/files/fr/web/html/element/dfn/index.md
index 6ea9cc1139..698a99e85a 100644
--- a/files/fr/web/html/element/dfn/index.md
+++ b/files/fr/web/html/element/dfn/index.md
@@ -103,7 +103,7 @@ Le terme à définir est identifié selon ces règles :
 2.  Si le `<dfn>` contient un seul élément enfant et n'a pas de contenu textuel propre, et que l'élément enfant est un élément [`<abbr>`](/fr/docs/Web/HTML/Element/abbr) avec un attribut `title` lui-même, alors la valeur exacte du `<abbr>` de l'élément `title` est le terme défini.
 3.  Sinon, le contenu textuel de l'élément `<dfn>` est le terme défini. Ceci est illustré [dans le premier exemple ci-dessous](#basic_identification_of_a_term).
 
-> **Note :**Si l'élément `<dfn>` possède un attribut `title`, il _doit_ contenir le terme défini et aucun autre texte.
+> **Note :** Si l'élément `<dfn>` possède un attribut `title`, il _doit_ contenir le terme défini et aucun autre texte.
 
 ### Liens vers des éléments de type `<dfn>`
 
@@ -134,7 +134,7 @@ L'élément `<dfn>` n'ayant ici pas d'attribut `title`, c'est le contenu textuel
 
 #### Résultat
 
-{{EmbedLiveSample("basic_identification_of_a_term", "", 120)}}
+{{EmbedLiveSample("Identification_simple_d'un_terme", "", 120)}}
 
 ### Liens vers des définitions
 
@@ -169,7 +169,7 @@ On voit ici que l'élément possède désormais un attribut [`id`](/fr/docs/Web/
 
 #### Résultat
 
-{{EmbedLiveSample("links_to_definitions", "", 350)}}
+{{EmbedLiveSample("Liens_vers_des_définitions", "", 350)}}
 
 ### Utiliser les abréviations et les définitions
 
@@ -193,7 +193,7 @@ On notera que l'élément `<abbr>` est imbriqué dans l'élément `<dfn>`. L'él
 
 #### Résultat
 
-{{EmbedLiveSample("using_abbreviations_and_definitions_together", "", 200)}}
+{{EmbedLiveSample("Utiliser_les_abréviations_et_les_définitions", "", 200)}}
 
 ## Spécifications
 
diff --git a/files/fr/web/html/element/dialog/index.md b/files/fr/web/html/element/dialog/index.md
index e9733eb958..df2887103b 100644
--- a/files/fr/web/html/element/dialog/index.md
+++ b/files/fr/web/html/element/dialog/index.md
@@ -169,7 +169,7 @@ favDialog.addEventListener('close', function onClose() {
 
 #### Résultat
 
-{{EmbedLiveSample("advanced_example", "", 300)}}
+{{EmbedLiveSample("Exemple_avancé", "", 300)}}
 
 ## Spécifications
 
diff --git a/files/fr/web/html/element/div/index.md b/files/fr/web/html/element/div/index.md
index 932f42e8de..0df3262570 100644
--- a/files/fr/web/html/element/div/index.md
+++ b/files/fr/web/html/element/div/index.md
@@ -103,7 +103,7 @@ En tant que conteneur « pur », l'élément `<div>` ne représente rien en soi.
 
 Comme tous les autres éléments HTML, cet élément accepte [les attributs universels](/fr/docs/Web/HTML/Global_attributes).
 
-> **Note :**L'attribut **`align`** est désormais obsolète et ne doit plus être appliqué pour un `<div>`. On privilégiera l'utilisation des propriétés et outils CSS (tels que [la grille CSS](/fr/docs/Web/CSS/CSS_Grid_Layout) ou [les boîtes flexibles (flexbox)](/fr/docs/Glossary/Flexbox)) pour aligner et positionner des éléments `<div>`.
+> **Note :** L'attribut **`align`** est désormais obsolète et ne doit plus être appliqué pour un `<div>`. On privilégiera l'utilisation des propriétés et outils CSS (tels que [la grille CSS](/fr/docs/Web/CSS/CSS_Grid_Layout) ou [les boîtes flexibles (flexbox)](/fr/docs/Glossary/Flexbox)) pour aligner et positionner des éléments `<div>`.
 
 ## Notes d'utilisation
 
@@ -122,7 +122,7 @@ Comme tous les autres éléments HTML, cet élément accepte [les attributs univ
 
 Le résultat ressemble à ceci :
 
-{{EmbedLiveSample("a_simple_example", "", 80)}}
+{{EmbedLiveSample("Un_exemple_simple", "", 80)}}
 
 ### Un exemple mis en forme
 
@@ -151,7 +151,7 @@ Cet exemple crée une boîte avec une ombre en appliquant la mise en forme via d
 
 #### Résultat
 
-{{EmbedLiveSample("a_styled_example", "", 150)}}
+{{EmbedLiveSample("Un_exemple_mis_en_forme", "", 150)}}
 
 ## Accessibilité
 
diff --git a/files/fr/web/html/element/dl/index.md b/files/fr/web/html/element/dl/index.md
index 96ac217d7c..dc45b6dfc4 100644
--- a/files/fr/web/html/element/dl/index.md
+++ b/files/fr/web/html/element/dl/index.md
@@ -137,7 +137,7 @@ Cet élément inclut [les attributs universels](/fr/docs/Web/HTML/Global_attribu
 </dl>
 ```
 
-{{EmbedLiveSample("single_term_and_description", "", 120)}}
+{{EmbedLiveSample("Un_seul_terme_et_une_seule_définition", "", 120)}}
 
 ### Plusieurs termes avec une même définition
 
@@ -155,7 +155,7 @@ Cet élément inclut [les attributs universels](/fr/docs/Web/HTML/Global_attribu
 </dl>
 ```
 
-{{EmbedLiveSample("multiple_terms_single_description", "", 180)}}
+{{EmbedLiveSample("Plusieurs_termes_avec_une_même_définition", "", 180)}}
 
 ### Un seul terme avec plusieurs définitions
 
@@ -176,7 +176,7 @@ Cet élément inclut [les attributs universels](/fr/docs/Web/HTML/Global_attribu
 </dl>
 ```
 
-{{EmbedLiveSample("single_term_multiple_descriptions", "", 180)}}
+{{EmbedLiveSample("Un_seul_terme_avec_plusieurs_définitions", "", 180)}}
 
 ### Termes et descriptions multiples
 
diff --git a/files/fr/web/html/element/em/index.md b/files/fr/web/html/element/em/index.md
index 38c4539363..07cc7b951e 100644
--- a/files/fr/web/html/element/em/index.md
+++ b/files/fr/web/html/element/em/index.md
@@ -122,7 +122,7 @@ L'élément `<em>` est souvent utilisé pour indiquer un contraste, implicite ou
 
 ### Résultat
 
-{{EmbedLiveSample("example", "", 100)}}
+{{EmbedLiveSample("Exemple", "", 100)}}
 
 ## Spécifications
 
diff --git a/files/fr/web/html/element/fieldset/index.md b/files/fr/web/html/element/fieldset/index.md
index 1dbb9c6811..8e7f4ac6f2 100644
--- a/files/fr/web/html/element/fieldset/index.md
+++ b/files/fr/web/html/element/fieldset/index.md
@@ -65,7 +65,7 @@ Cet exemple montre un `<fieldset>` très simple, avec un `<legend>`, et un seul
 
 #### Résultat
 
-{{EmbedLiveSample('simple_fieldset', '100%', '80')}}
+{{EmbedLiveSample('Exemple_simple', '100%', '80')}}
 
 ### \<fieldset> désactivé
 
@@ -91,7 +91,7 @@ Dans cet exemple, on voit comment l'attribut `disabled` permet de désactiver un
 
 #### Résultat
 
-{{EmbedLiveSample('disabled_fieldset', '100%', '110') }}
+{{EmbedLiveSample('fieldset_désactivé', '100%', '110') }}
 
 ## Résumé technique
 
diff --git a/files/fr/web/html/element/figure/index.md b/files/fr/web/html/element/figure/index.md
index b2c0cceea9..1d82e61537 100644
--- a/files/fr/web/html/element/figure/index.md
+++ b/files/fr/web/html/element/figure/index.md
@@ -134,7 +134,7 @@ Cet élément prend uniquement en charge [les attributs universels](/fr/docs/Web
 </figure>
 ```
 
-{{EmbedLiveSample("images", "100%", 400)}}
+{{EmbedLiveSample("Images", "100%", 400)}}
 
 ### Extrait de code
 
@@ -156,7 +156,7 @@ Cet élément prend uniquement en charge [les attributs universels](/fr/docs/Web
 </figure>
 ```
 
-{{EmbedLiveSample("code_snippets", "100%", 250)}}
+{{EmbedLiveSample("Extrait_de_code", "100%", 250)}}
 
 ### Citation
 
@@ -171,7 +171,7 @@ Cet élément prend uniquement en charge [les attributs universels](/fr/docs/Web
 </figure>
 ```
 
-{{EmbedLiveSample("quotations","", 150)}}
+{{EmbedLiveSample("Citation","", 150)}}
 
 ### Poème
 
@@ -190,7 +190,7 @@ Cet élément prend uniquement en charge [les attributs universels](/fr/docs/Web
 </figure>
 ```
 
-{{EmbedLiveSample("poems", "100%", 260)}}
+{{EmbedLiveSample("Poème", "100%", 260)}}
 
 ## Spécifications
 
diff --git a/files/fr/web/html/element/form/index.md b/files/fr/web/html/element/form/index.md
index bbf03d217a..feb09f7689 100644
--- a/files/fr/web/html/element/form/index.md
+++ b/files/fr/web/html/element/form/index.md
@@ -15,7 +15,7 @@ browser-compat: html.elements.form
 ---
 {{HTMLRef}}
 
-L'élément HTML **`<form>` **représente un formulaire, c'est-à-dire une section d'un document qui contient des contrôles interactifs permettant à un utilisateur de fournir des informations.
+L'élément HTML **`<form>`** représente un formulaire, c'est-à-dire une section d'un document qui contient des contrôles interactifs permettant à un utilisateur de fournir des informations.
 
 {{EmbedInteractiveExample("pages/tabbed/form.html", "tabbed-standard")}}
 
@@ -108,7 +108,7 @@ Cet élément prend en charge [les attributs universels](/fr/docs/Web/HTML/Globa
 
   - : Cet attribut indique quels types de contenus sont acceptés par le serveur. Il peut y en avoir plusieurs, séparés par des virgules.
 
-    > **Note :**Cet attribut a été retiré dans HTML5 et ne doit plus être utilisé. À la place, il faut utiliser l'attribut [`accept`](/fr/docs/Web/HTML/Element/Input#attr-accept) de l'élément `<input type=file>`.
+    > **Note :** Cet attribut a été retiré dans HTML5 et ne doit plus être utilisé. À la place, il faut utiliser l'attribut [`accept`](/fr/docs/Web/HTML/Element/Input#attr-accept) de l'élément `<input type=file>`.
 
 - `accept-charset`
   - : Encodages de caractères séparés par des espaces que le serveur accepte. Le navigateur les utilise dans l'ordre dans lequel ils sont listés. La valeur par défaut signifie [le même encodage que celui de la page](/fr/docs/Web/HTTP/Headers/Content-Encoding).
@@ -173,7 +173,7 @@ Les attributs suivants contrôlent le comportement pendant l'envoi du formulaire
 
     Cette valeur peut être remplacée par un attribut [`formtarget`](/fr/docs/Web/HTML/Element/Button#attr-formtarget) sur un [`<button>`](/fr/docs/Web/HTML/Element/Button), [`<input type="submit">`](/fr/docs/Web/HTML/Element/Input/submit), ou [`<input type="image">`](/fr/docs/Web/HTML/Element/Input/image).
 
-    > **Note :**La définition de `target="_blank"` sur les éléments `<form>` fournit implicitement le même comportement `rel` que la définition de [`rel="noopener"`](/fr/docs/Web/HTML/Link_types/noopener) qui ne définit pas `window.opener`.
+    > **Note :** La définition de `target="_blank"` sur les éléments `<form>` fournit implicitement le même comportement `rel` que la définition de [`rel="noopener"`](/fr/docs/Web/HTML/Link_types/noopener) qui ne définit pas `window.opener`.
 
 ## Exemples
 
@@ -207,7 +207,7 @@ Les attributs suivants contrôlent le comportement pendant l'envoi du formulaire
 
 ### Résultat
 
-{{EmbedLiveSample("examples", "100%", 130)}}
+{{EmbedLiveSample("Exemples", "100%", 130)}}
 
 ## Spécifications
 
diff --git a/files/fr/web/html/element/iframe/index.md b/files/fr/web/html/element/iframe/index.md
index ea6c809a01..5913a7a74e 100644
--- a/files/fr/web/html/element/iframe/index.md
+++ b/files/fr/web/html/element/iframe/index.md
@@ -112,13 +112,13 @@ Cet élément prend en charge [les attributs universels](/fr/docs/Web/HTML/Globa
 
   - : Cet attribut, lorsqu'il vaut `true`, indique que l'_iframe_ intégrée peut être passée en plein écran via la méthode[`Element.requestFullscreen()`](/fr/docs/Web/API/Element/requestFullScreen).
 
-    > **Note :**Cet attribut est considéré comme historique et a été redéfini avec `allow="fullscreen"`.
+    > **Note :** Cet attribut est considéré comme historique et a été redéfini avec `allow="fullscreen"`.
 
 - `allowpaymentrequest`
 
   - : Cet attribut, lorsqu'il vaut `true`, permet à l'_iframe_ intégrée d'appeler l'API [Payment Request](/fr/docs/Web/API/Payment_Request_API).
 
-    > **Note :**Cet attribut est considéré comme historique et a été redéfini avec `allow="payment"`.
+    > **Note :** Cet attribut est considéré comme historique et a été redéfini avec `allow="payment"`.
 
 - `csp` {{experimental_inline}}
   - : L'attribut `csp` définit [la politique de sécurité du contenu](/fr/docs/Web/HTTP/CSP) que le document intégré doit respecter. Voir [`HTMLIFrameElement.csp`](/fr/docs/Web/API/HTMLIFrameElement/csp) pour plus de détails.
@@ -233,7 +233,7 @@ L'exemple qui suit utilise la page située à <https://example.org> pour l'inté
 
 #### Résultat
 
-{{EmbedLiveSample('example1', 640, 400)}}
+{{EmbedLiveSample('Exemples', 640, 400)}}
 
 ## Accessibilité
 
diff --git a/files/fr/web/html/element/img/index.md b/files/fr/web/html/element/img/index.md
index 45eb9499c7..410fdcf2a8 100644
--- a/files/fr/web/html/element/img/index.md
+++ b/files/fr/web/html/element/img/index.md
@@ -115,7 +115,7 @@ Cet élément inclut les [attributs globaux](/fr/docs/Web/HTML/Global_attributes
 
   - : Un attribut booléen dont la valeur indique si l'image fait partie d'une carte cliquable. Si c'est le cas, les coordonnées du clic seront envoyées au serveur.
 
-    > **Note :**Cet attribut est uniquement autorisé si l'élément `<img>` descend d'un élément [`<a>`](/fr/docs/Web/HTML/Element/a) dont l'attribut [`href`](/fr/docs/Web/HTML/Element/a#attr-href) est valide.
+    > **Note :** Cet attribut est uniquement autorisé si l'élément `<img>` descend d'un élément [`<a>`](/fr/docs/Web/HTML/Element/a) dont l'attribut [`href`](/fr/docs/Web/HTML/Element/a#attr-href) est valide.
 
 - `loading` {{experimental_inline}}
 
@@ -124,7 +124,7 @@ Cet élément inclut les [attributs globaux](/fr/docs/Web/HTML/Global_attributes
     - `eager` : Charge l'image immédiatement, que l'image se trouve ou non dans le viewport visible (c'est la valeur par défaut).
     - `lazy` : Diffère le chargement de l'image au moment où elle atteint une certaine distance de la fenêtre de visualisation, telle que définie par le navigateur. Le but est d'éviter que le réseau et la zone de stockage nécessaires à la manipulation de l'image ne soient utilisés tant qu'il n'est pas relativement sûr que celle-ci sera nécessaire. Cela permet généralement d'améliorer les performances du contenu dans la plupart des cas d'utilisation typiques.
 
-      > **Note :**Le chargement n'est différé que lorsque JavaScript est activé. Il s'agit d'une mesure anti-pistage, car si un agent utilisateur prenait en charge le chargement différé lorsque les scripts sont désactivés, il serait toujours possible pour un site de suivre la position de défilement approximative d'un utilisateur tout au long d'une session, en plaçant stratégiquement des images dans le balisage d'une page de sorte qu'un serveur puisse suivre le nombre d'images demandées et le moment où elles le sont.
+      > **Note :** Le chargement n'est différé que lorsque JavaScript est activé. Il s'agit d'une mesure anti-pistage, car si un agent utilisateur prenait en charge le chargement différé lorsque les scripts sont désactivés, il serait toujours possible pour un site de suivre la position de défilement approximative d'un utilisateur tout au long d'une session, en plaçant stratégiquement des images dans le balisage d'une page de sorte qu'un serveur puisse suivre le nombre d'images demandées et le moment où elles le sont.
 
 - `referrerpolicy` {{experimental_inline}}
 
@@ -171,7 +171,7 @@ Cet élément inclut les [attributs globaux](/fr/docs/Web/HTML/Global_attributes
 
   - : Le fragment d'URL (commençant avec #) d'une [carte d'images](/fr/docs/Web/HTML/Element/map) associée à cet élément.
 
-    > **Note :**Cet attribut ne peut pas être utilisé si l'élément `<img>` est un descendant d'un élément [`<a>`](/fr/docs/Web/HTML/Element/a) ou d'un élément [`<button>`](/fr/docs/Web/HTML/Element/Button).
+    > **Note :** Cet attribut ne peut pas être utilisé si l'élément `<img>` est un descendant d'un élément [`<a>`](/fr/docs/Web/HTML/Element/a) ou d'un élément [`<button>`](/fr/docs/Web/HTML/Element/Button).
 
 ### Attributs obsolètes
 
@@ -198,7 +198,7 @@ Cet élément inclut les [attributs globaux](/fr/docs/Web/HTML/Global_attributes
 
   - : Un lien vers une description plus détaillée de l'image. Les valeurs possibles sont une URL ou un identifiant ([`id`](/fr/docs/Web/HTML/Global_attributes#attr-id)) d'un élément.
 
-    > **Note :**Cet attribut est mentionné dans la dernière version du [W3C](/fr/docs/Glossary/W3C), [HTML 5.2](https://www.w3.org/TR/html52/obsolete.html#element-attrdef-img-longdesc), mais a été supprimé du [HTML Living Standard](https://html.spec.whatwg.org/multipage/embedded-content.html#the-img-element) du [WHATWG](/fr/docs/Glossary/WHATWG). Son avenir est incertain ; les auteurs devraient utiliser une alternative [WAI](/fr/docs/Glossary/WAI)-[ARIA](/fr/docs/Glossary/ARIA) telle que [`aria-describedby`](https://www.w3.org/TR/wai-aria-1.1/#aria-describedby) ou [`aria-details`](https://www.w3.org/TR/wai-aria-1.1/#aria-details).
+    > **Note :** Cet attribut est mentionné dans la dernière version du [W3C](/fr/docs/Glossary/W3C), [HTML 5.2](https://www.w3.org/TR/html52/obsolete.html#element-attrdef-img-longdesc), mais a été supprimé du [HTML Living Standard](https://html.spec.whatwg.org/multipage/embedded-content.html#the-img-element) du [WHATWG](/fr/docs/Glossary/WHATWG). Son avenir est incertain ; les auteurs devraient utiliser une alternative [WAI](/fr/docs/Glossary/WAI)-[ARIA](/fr/docs/Glossary/ARIA) telle que [`aria-describedby`](https://www.w3.org/TR/wai-aria-1.1/#aria-describedby) ou [`aria-details`](https://www.w3.org/TR/wai-aria-1.1/#aria-details).
 
 - `name` {{deprecated_inline}}
   - : Un nom pour l'élément. Utilisez plutôt l'attribut [`id`](/fr/docs/Web/HTML/Global_attributes#attr-id).
@@ -226,7 +226,7 @@ L'exemple suivant intègre une image dans la page et inclut un texte alternatif
   alt="MDN logo">
 ```
 
-{{EmbedLiveSample('Alternative_text', '100%', '160')}}
+{{EmbedLiveSample('Texte_alternatif', '100%', '160')}}
 
 ### Lien image
 
@@ -238,7 +238,7 @@ Cet exemple s'appuie sur le précédent, en montrant comment transformer l'image
 </a>
 ```
 
-{{EmbedLiveSample('image_link', '100%', '160')}}
+{{EmbedLiveSample('Lien_image', '100%', '160')}}
 
 ### Créer un lien avec une image
 
@@ -250,7 +250,7 @@ Dans cet exemple, nous incluons un attribut `srcset` avec une référence à une
   srcset="favicon144.png 2x">
 ```
 
-{{EmbedLiveSample('using_the_srcset_attribute', '100%', '160')}}
+{{EmbedLiveSample('Créer_un_lien_avec_une_image', '100%', '160')}}
 
 ### Utiliser les attributs `srcset` et `sizes`
 
@@ -264,9 +264,9 @@ L'attribut `src` est ignoré lorsque l'agent utilisateur prend en charge `srcset
   sizes="(min-width: 600px) 200px, 50vw">
 ```
 
-{{EmbedLiveSample("using_the_srcset_and_sizes_attributes", "100%", 450)}}
+{{EmbedLiveSample("Utiliser_les_attributs_srcset_et_sizes", "100%", 450)}}
 
-> **Note :**Pour observer l'effet du redimensionnement, vous devrez consulter [l'exemple sur une page séparée](/fr/docs/Web/HTML/Element/img/Using_the_srcset_and_sizes_attributes) afin de pouvoir modifier la taille de la zone.
+> **Note :** Pour observer l'effet du redimensionnement, vous devrez consulter [l'exemple sur une page séparée](/fr/docs/Web/HTML/Element/img/Using_the_srcset_and_sizes_attributes) afin de pouvoir modifier la taille de la zone.
 
 ## Sécurité et vie privée
 
diff --git a/files/fr/web/html/element/input/range/index.md b/files/fr/web/html/element/input/range/index.md
index 8c12a7a150..eb985953b5 100644
--- a/files/fr/web/html/element/input/range/index.md
+++ b/files/fr/web/html/element/input/range/index.md
@@ -230,7 +230,7 @@ Par exemple :
 <input type="range" id="volume" min="0" max="11" value="7" step="1">
 ```
 
-{{EmbedLiveSample("horizontal", 200, 200, "orientation_sample1.png")}}
+{{EmbedLiveSample("Horizontal", 200, 200, "orientation_sample1.png")}}
 
 Le contrôle est ici horizontal, pour le rendre vertical, on pourra utiliser un peu de CSS afin de le rendre plus haut que large :
 
@@ -253,7 +253,7 @@ Le contrôle est ici horizontal, pour le rendre vertical, on pourra utiliser un
 
 ##### Résultat
 
-{{EmbedLiveSample("vertical", 200, 200, "orientation_sample2.png")}}
+{{EmbedLiveSample("Vertical", 200, 200, "orientation_sample2.png")}}
 
 **Currently, no major browsers support creating vertical range inputs using CSS this way, even though it's the way the specification recommends they do it.**
 
diff --git a/files/fr/web/html/element/kbd/index.md b/files/fr/web/html/element/kbd/index.md
index b1579c8986..b29e821b08 100644
--- a/files/fr/web/html/element/kbd/index.md
+++ b/files/fr/web/html/element/kbd/index.md
@@ -121,7 +121,7 @@ En imbriquant un élément `<kbd>` dans un élément {{HTMLElement("samp")}}, on
 
 {{EmbedLiveSample("Saisie_restituée", 650, 100)}}
 
-### Représenter les options de saisies à l’écran
+### Représenter les options de saisies à l'écran
 
 Imbriquer un élément `<samp>` dans un élément `<kbd>`  représente une saisie basée sur du texte affiché par le système (par exemple des noms de menu, d'éléments de menu, des noms de boutons affichés à l'écran, etc.).
 
@@ -147,7 +147,7 @@ On voit ici différentes imbrications. La description de l'option du menu est in
 
 #### Résultat
 
-{{EmbedLiveSample("Representer_les_options_de_saisies_a_l_ecran", 650, 120)}}
+{{EmbedLiveSample("Représenter_les_options_de_saisies_à_l'écran", 650, 120)}}
 
 ## Résumé technique
 
diff --git a/files/fr/web/html/element/ol/index.md b/files/fr/web/html/element/ol/index.md
index 475069e0b5..0d7e7302d1 100644
--- a/files/fr/web/html/element/ol/index.md
+++ b/files/fr/web/html/element/ol/index.md
@@ -128,7 +128,7 @@ L'élément HTML **`<ol>`** représente une liste ordonnée. Les éléments d'un
 
     Le type spécifié est utilisé pour l'ensemble de la liste, sauf si un attribut différent [`type`](/fr/docs/Web/HTML/Element/li#attr-type) est utilisé sur un élément [`<li>`](/fr/docs/Web/HTML/Element/li) fermé.
 
-    > **Note :**À moins que le type du numéro de la liste n'ait de l'importance (comme dans les documents juridiques ou techniques où les éléments sont référencés par leur numéro/lettre), utilisez plutôt la propriété CSS [`list-style-type`](/fr/docs/Web/CSS/list-style-type).
+    > **Note :** À moins que le type du numéro de la liste n'ait de l'importance (comme dans les documents juridiques ou techniques où les éléments sont référencés par leur numéro/lettre), utilisez plutôt la propriété CSS [`list-style-type`](/fr/docs/Web/CSS/list-style-type).
 
 ## Note d'utilisation
 
@@ -159,7 +159,7 @@ Pour déterminer la liste à utiliser, essayez de modifier l'ordre des élément
 
 Le HTML ci-dessus affichera :
 
-{{EmbedLiveSample("simple_example", 400, 150)}}
+{{EmbedLiveSample("Exemple_simple", 400, 150)}}
 
 ### Utilisation des chiffres romains
 
@@ -173,7 +173,7 @@ Le HTML ci-dessus affichera :
 
 Le HTML ci-dessus affichera :
 
-{{EmbedLiveSample("using_roman_numeral_type", 400, 150)}}
+{{EmbedLiveSample("Utilisation_des_chiffres_romains", 400, 150)}}
 
 ### Utilisation de l'attribut start
 
@@ -189,7 +189,7 @@ Le HTML ci-dessus affichera :
 
 Le HTML ci-dessus affichera :
 
-{{EmbedLiveSample("using_the_start_attribute", 400, 160)}}
+{{EmbedLiveSample("Utilisation_de_l'attribut_start", 400, 160)}}
 
 ### Listes imbriquées
 
@@ -209,7 +209,7 @@ Le HTML ci-dessus affichera :
 
 Le HTML ci-dessus affichera :
 
-{{EmbedLiveSample("nesting_lists", 400, 200)}}
+{{EmbedLiveSample("Listes_imbriquées", 400, 200)}}
 
 ### Liste non ordonnée dans une liste ordonnée
 
@@ -229,7 +229,7 @@ Le HTML ci-dessus affichera :
 
 Le HTML ci-dessus affichera :
 
-{{EmbedLiveSample("unordered_list_inside_ordered_list", 400, 200)}}
+{{EmbedLiveSample("Liste_non_ordonnée_dans_une_liste_ordonnée", 400, 200)}}
 
 ## Spécifications
 
diff --git a/files/fr/web/html/element/tr/index.md b/files/fr/web/html/element/tr/index.md
index 14e4f60a96..1a74c1ec20 100644
--- a/files/fr/web/html/element/tr/index.md
+++ b/files/fr/web/html/element/tr/index.md
@@ -113,7 +113,7 @@ th, td {
 
 #### Résultat
 
-{{EmbedLiveSample("basic_example","100%","200")}}
+{{EmbedLiveSample("Exemple_simple","100%","200")}}
 
 ### Étendre sur plusieurs lignes ou colonnes
 
@@ -123,7 +123,7 @@ On utilise ici les attributs `rowspan` et `colspan` pour étendre des cellules s
 
 Une fois n'est pas coutume, commençons par regarder le résultat produit.
 
-{{EmbedLiveSample("row_and_column_spanning")}}
+{{EmbedLiveSample("Étendre_sur_plusieurs_lignes_ou_colonnes")}}
 
 On voit que la zone d'en-tête occupe deux lignes : la première avec le nom, l'identifiant, les dates et le solde du compte ; la seconde avec les dates d'inscription et de résiliation qui forment un sous-groupe de colonnes. Pour obtenir ceci, on a:
 
@@ -243,7 +243,7 @@ th, td {
 
 Le résultat n'a pas changé visuellement mais la structure comporte des informations sémantiques complémentaires.
 
-{{EmbedLiveSample("explicitly_specifying_table_content_groups", 500, 200)}}
+{{EmbedLiveSample("Distinguer_en-tête_et_contenu", 500, 200)}}
 
 ### Mise en forme simple
 
@@ -255,7 +255,7 @@ Modifions ici la police et la couleur d'arrière-plan pour la ligne d'en-tête.
 
 Là encore, regardons le résultat pour commencer.
 
-{{EmbedLiveSample("basic_styling", 500, 200)}}
+{{EmbedLiveSample("Mise_en_forme_simple", 500, 200)}}
 
 #### HTML
 
@@ -329,7 +329,7 @@ Allons encore plus loin dans la mise en forme avec des styles pour l'en-tête ai
 
 Voici le résultat qui sera obtenu :
 
-{{EmbedLiveSample("advanced_styling", 500, 200)}}
+{{EmbedLiveSample("Mise_en_forme_avancée", 500, 200)}}
 
 #### HTML