Donner un titre à une table HTML

Un moyen simple d'ajouter une légende à une table HTML

LES BALISES HTML

La balise <caption>définit une légende de table.
La balise <caption>doit être insérée juste après la balise <table>. Vous pouvez spécifier seulement une légende par table. Habituellement la légende sera centrée au-dessus de la table.

Balise <caption> : Descriptif de table

<caption> : Descriptif de table
Balise de fermeture obligatoire
La balise CAPTION permet d'associer un commentaire à une table html
. Bien que la balise soit inclue dans la balise TABLE, l'affichage du commentaire apparaît en dehors de la table, généralement au dessus de celle-ci (varie suivant les navigateurs).

Il doit être placé juste après la balise TABLE ouvrante et n'apparaît qu'une fois par élément TABLE. Il est possible d'utiliser des balises html au sein du tag CAPTION.

Exemple :
Sélectionner le code

    
<table width="60%" border="1" cellpadding="2" cellspacing="0" align="center" class="texte">

  <caption><b><u>Descriptif de la table</u></b></caption>

  <tr>

    <th width="50%" align="center">Titre Col A</th>

    <th width="50%" align="center">Titre Col B</th>

  </tr>

  <tr>

    <td align="center">Valeur 1 Col A</td>

    <td align="center">Valeur 1 Col B</td>

  </tr>

  <tr>

    <td align="center">Valeur 2 Col A</td>

    <td align="center">Valeur 2 Col B</td>

  </tr>

</table>

Ses attributs

La colone DTD dan l tablau suivant indique dans quel HTML 4.01/XHTML 1,0 DTD l'attribut est autorisé:
S=Strict, T=Transitional, and F=Frameset.

Les attributs optionnels

Attribut	Valeur	Description	DTD
align	left right top bottom	Obsoléte. Employez les modèles à la place. Définit l'alignement d'une légende	TF

Attributs standards

La balise <caption> soutient les attributs standard suivantes:

Attribut	Valeur	Description	DTD
class	nom de classe	Spécifie un nom de classe d'un élément	STF
dir	ltr rtl	Spécifie l'orientation du texte pour le contenu dans un élément	STF
id	nom de l'id	Spécifie un ID unique pour un élément	STF
lang	language_code	Spécifie un code de langue pour le contenu dans un élément	STF
style	style_definition	Spécifie un style en ligne pour un élément	STF
title	text	Spécifie des informations supplémentaires sur un élément	STF
xml:lang	language_code	Spécifies une langue pour le code contenu dans un élément, en XHTML documents Spécifie	STF
accesskey	caractère	Spécifie un raccourci clavier pour accéder à un élément	STF
tabindex	nombre	Specifies the tab order of an element Spécifie l'ordre de tabulation d'un élément	STF

Les attributs de l'événement

Le <caption> prend en charge les attributs d'événement suivant:

Attribut	Valeur	Description	DTD
onclick	action à exécuter	Script à exécuter sur un clic de souris	STF
ondblclick	action à exécuter	Script à exécuter sur double-cliquez sur la souris	STF
onmousedown	action à exécuter	Script à exécuter lorsque le bouton de la souris est pressé	STF
onmousemove	action à exécuter	Script à exécuter lorsque le pointeur de la souris se déplace	STF
onmouseout	action à exécuter	Script à exécuter lorsque le pointeur de la souris sort d'un élément	STF
onmouseover	action à exécuter	Script à exécuter lorsque pointeur de la souris sur un élément	STF
onmouseup	action à exécuter	Script à exécuter lorsque le bouton de souris est relâché	STF
onkeydown	action à exécuter	Script à exécuter quand une touche est pressée	STF
onkeypress	action à exécuter	Script à exécuter lorsqu'une touche est enfoncée et relâchée	STF
onkeyup	action à exécuter	Script à exécuter quand une touche est relâchée	STF

Vous êtes ici:Balise caption Retour à la liste des balises

Retour à accueil du site

Retour à l'accueil du site

Par carabde 10 mars 2014

Le langage HTML Balise <caption>: la solution idéale pour ajouter un titre à une table HTML

Balises HTML