From 8829a7c9eb82f180bac76ed5836aaef95be209a1 Mon Sep 17 00:00:00 2001 From: julieng Date: Wed, 13 Oct 2021 07:12:55 +0200 Subject: move *.html to *.md --- files/fr/web/html/element/caption/index.html | 146 --------------------------- files/fr/web/html/element/caption/index.md | 146 +++++++++++++++++++++++++++ 2 files changed, 146 insertions(+), 146 deletions(-) delete mode 100644 files/fr/web/html/element/caption/index.html create mode 100644 files/fr/web/html/element/caption/index.md (limited to 'files/fr/web/html/element/caption') diff --git a/files/fr/web/html/element/caption/index.html b/files/fr/web/html/element/caption/index.html deleted file mode 100644 index 00a70e2d0c..0000000000 --- a/files/fr/web/html/element/caption/index.html +++ /dev/null @@ -1,146 +0,0 @@ ---- -title: ' : l''élément de légende d''un tableau' -slug: Web/HTML/Element/caption -tags: - - Element - - HTML - - HTML Tables - - HTML tabular data - - Reference - - Table Captions - - Table Titles - - Tables - - Web - - caption -translation_of: Web/HTML/Element/caption -browser-compat: html.elements.caption ---- -
{{HTMLRef}}
- -

L'élément <caption> définit la légende (ou le titre) d'un tableau.

- -
{{EmbedInteractiveExample("pages/tabbed/caption.html", "tabbed-standard")}}
- - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -
Catégories de contenuAucune.
Contenu autoriséContenu de flux.
Omission de balisesLa balise de fin peut être absente si l'élément n'est pas immédiatement suivi d'un blanc ASCII ou d'un commentaire.
Parents autorisésUn élément <table> dont il doit être le premier descendant.
Rôle ARIA implicitePas de rôle correspondant
Rôles ARIA autorisésAucun.
Interface DOMHTMLTableCaptionElement
- -

Attributs

- -

On peut utiliser les attributs universels sur cet élément.

- -

Attributs obsolètes

- -
-
align {{deprecated_inline}}
-
Cet attribut à valeur contrainte indique l'alignement de la légende du tableau par rapport au tableau lui-même. Il peut valoir : -
-
left
-
La légende est affichée à gauche du tableau
-
top
-
La légende est affichée au-dessus du tableau
-
right
-
La légende est affichée à droite du tableau
-
bottom
-
La légende est affichée en dessous du tableau
-
- -
-

Note : Ne pas utiliser cet attribut. Il a été déprécié. L'élément <caption> devrait être mis en forme grâce au CSS. Afin d'obtenir des effets similaires à cet attribut, on utilisera les propriétés CSS caption-side et text-align.

-
-
-
- -

Notes d'utilisation

- -

L'élément <caption> devrait être le premier élément enfant de l'élément parent <table>.

- -

Quand l'élément <table> (étant le parent de l'élément <caption>) n'est que l'unique descendant d'un élément <figure>, c'est l'élément <figcaption> doit être utilisé.

- -

Utiliser la propriété background-color sur le tableau ne modifiera pas l'apparence de la légende. Il est également nécessaire d'ajouter une déclaration CSS avec background-color sur l'élément <caption> pour que celui-ci ait la même couleur.

- -

Exemple

- -

Cet exemple simple présente un tableau qui comprend une légende.

- -

HTML

- -
<table>
-  <caption>Légende de l'exemple</caption>
-  <tr>
-    <th>Connexion</th>
-    <th>Courriel :</th>
-  </tr>
-  <tr>
-    <td>utilisateur1</td>
-    <td>utilisateur1@test.fr</td>
-  </tr>
-  <tr>
-    <td>utilisateur2</td>
-    <td>utilisateur2@test.fr</td>
-  </tr>
-</table>
- - - -

Résultat

- -

{{EmbedLiveSample('Exemple', '', 120)}}

- -

Spécifications

- -

{{Specifications}}

- -

Compatibilité des navigateurs

- -

{{Compat}}

- -

Voir aussi

- - diff --git a/files/fr/web/html/element/caption/index.md b/files/fr/web/html/element/caption/index.md new file mode 100644 index 0000000000..00a70e2d0c --- /dev/null +++ b/files/fr/web/html/element/caption/index.md @@ -0,0 +1,146 @@ +--- +title: ' : l''élément de légende d''un tableau' +slug: Web/HTML/Element/caption +tags: + - Element + - HTML + - HTML Tables + - HTML tabular data + - Reference + - Table Captions + - Table Titles + - Tables + - Web + - caption +translation_of: Web/HTML/Element/caption +browser-compat: html.elements.caption +--- +
{{HTMLRef}}
+ +

L'élément <caption> définit la légende (ou le titre) d'un tableau.

+ +
{{EmbedInteractiveExample("pages/tabbed/caption.html", "tabbed-standard")}}
+ + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + +
Catégories de contenuAucune.
Contenu autoriséContenu de flux.
Omission de balisesLa balise de fin peut être absente si l'élément n'est pas immédiatement suivi d'un blanc ASCII ou d'un commentaire.
Parents autorisésUn élément <table> dont il doit être le premier descendant.
Rôle ARIA implicitePas de rôle correspondant
Rôles ARIA autorisésAucun.
Interface DOMHTMLTableCaptionElement
+ +

Attributs

+ +

On peut utiliser les attributs universels sur cet élément.

+ +

Attributs obsolètes

+ +
+
align {{deprecated_inline}}
+
Cet attribut à valeur contrainte indique l'alignement de la légende du tableau par rapport au tableau lui-même. Il peut valoir : +
+
left
+
La légende est affichée à gauche du tableau
+
top
+
La légende est affichée au-dessus du tableau
+
right
+
La légende est affichée à droite du tableau
+
bottom
+
La légende est affichée en dessous du tableau
+
+ +
+

Note : Ne pas utiliser cet attribut. Il a été déprécié. L'élément <caption> devrait être mis en forme grâce au CSS. Afin d'obtenir des effets similaires à cet attribut, on utilisera les propriétés CSS caption-side et text-align.

+
+
+
+ +

Notes d'utilisation

+ +

L'élément <caption> devrait être le premier élément enfant de l'élément parent <table>.

+ +

Quand l'élément <table> (étant le parent de l'élément <caption>) n'est que l'unique descendant d'un élément <figure>, c'est l'élément <figcaption> doit être utilisé.

+ +

Utiliser la propriété background-color sur le tableau ne modifiera pas l'apparence de la légende. Il est également nécessaire d'ajouter une déclaration CSS avec background-color sur l'élément <caption> pour que celui-ci ait la même couleur.

+ +

Exemple

+ +

Cet exemple simple présente un tableau qui comprend une légende.

+ +

HTML

+ +
<table>
+  <caption>Légende de l'exemple</caption>
+  <tr>
+    <th>Connexion</th>
+    <th>Courriel :</th>
+  </tr>
+  <tr>
+    <td>utilisateur1</td>
+    <td>utilisateur1@test.fr</td>
+  </tr>
+  <tr>
+    <td>utilisateur2</td>
+    <td>utilisateur2@test.fr</td>
+  </tr>
+</table>
+ + + +

Résultat

+ +

{{EmbedLiveSample('Exemple', '', 120)}}

+ +

Spécifications

+ +

{{Specifications}}

+ +

Compatibilité des navigateurs

+ +

{{Compat}}

+ +

Voir aussi

+ + -- cgit v1.2.3-54-g00ecf