Un tableau peut comporter une légende permettant de définir globalement son contenu.
Une balise placée entre les commandes <table> et </table> autorise l'assignation d'une légende au tableau.
La commande <caption> marque le début de la légende.
La commande </caption> marque la fin de la légende.
L'attribut align="Type d'alignement"* permet l'alignement horizontal de la légende.
L'attribut valign="Type d'alignement"** permet l'alignement vertical de la légende.
*Alignement horizontal |
Description |
left |
Alignement à gauche |
center |
Alignement au centre |
top |
Alignement à droite |
**Alignement vertical |
Description |
top |
Alignement vers le haut |
bottom |
Alignement vers le bas |
<html>
<head>
<title>Un titre pertinent</title>
<meta name="Description" content="...">
<meta http-equiv="Date" content="01/01/2000">
...
</head>
<body>
<table>
<caption
align="Type d'alignement"
valign="Type d'alignement">
Légende du tableau
</caption>
...
</table>
...
Diverses commandes HTML
...
</body>
</html> |
Voici un exemple de légende pour un tableau
Contenu |
Contenu |
Contenu |
Contenu |
Contenu |
Contenu |
Contenu |
Contenu |
Contenu |
|
<table border="1"
align="center">
<caption align="left" valign="bottom">
Voici un exemple de légende pour un tableau
</caption>
...
</table> |
Voici un exemple de légende pour un tableau
Contenu |
Contenu |
Contenu |
Contenu |
Contenu |
Contenu |
Contenu |
Contenu |
Contenu |
|
<table border="1" align="center">
<caption align="right" valign="top">
Voici un exemple de légende pour un tableau
</caption>
...
</table> |
Voici un exemple de légende pour un tableau
Contenu |
Contenu |
Contenu |
Contenu |
Contenu |
Contenu |
Contenu |
Contenu |
Contenu |
|
<table border="1" align="center">
<caption align="center" valign="bottom">
Voici un exemple de légende pour un tableau
</caption>
...
</table> |