` 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 **` `** 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 ` ` est inclus à chaque point où nous voulons que le texte soit interrompu. Le texte après le ` ` recommence au début de la ligne suivante du bloc de texte.
-> **Note :**Attention, ` ` 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 [``](/fr/docs/Web/HTML/Element/p).
+> **Note :** Attention, ` ` 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 [`
`](/fr/docs/Web/HTML/Element/p).
## Attributs
@@ -51,7 +51,7 @@ USA
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
Cliquez sur moi :)
```
-{{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 `` 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 `
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 `` :
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 `` 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 `` (ou une chaîne par défaut définie par [l'agent utilisateur](/fr/docs/Glossary/User_agent) si aucun ``).
@@ -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 [``](/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 `` — 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 `` 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 `` 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 `` contient un seul élément enfant et n'a pas de contenu textuel propre, et que l'élément enfant est un élément [``](/fr/docs/Web/HTML/Element/abbr) avec un attribut `title` lui-même, alors la valeur exacte du `` de l'élément `title` est le terme défini.
3. Sinon, le contenu textuel de l'élément `` est le terme défini. Ceci est illustré [dans le premier exemple ci-dessous](#basic_identification_of_a_term).
-> **Note :**Si l'élément `` possède un attribut `title`, il _doit_ contenir le terme défini et aucun autre texte.
+> **Note :** Si l'élément `` possède un attribut `title`, il _doit_ contenir le terme défini et aucun autre texte.
### Liens vers des éléments de type ``
@@ -134,7 +134,7 @@ L'élément `` 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 `` est imbriqué dans l'élément ``. 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 `` 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 `
`. 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 `
`.
+> **Note :** L'attribut **`align`** est désormais obsolète et ne doit plus être appliqué pour un `
`. 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 `
`.
## 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
```
-{{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
```
-{{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
```
-{{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 `
` 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 `` très simple, avec un ``, et un seul
#### Résultat
-{{EmbedLiveSample('simple_fieldset', '100%', '80')}}
+{{EmbedLiveSample('Exemple_simple', '100%', '80')}}
### \ 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
```
-{{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
```
-{{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
```
-{{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
```
-{{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 **`