HTML
Les tableaux

Le marqueur CAPTION

Si vous n'avez pas encore fait la première partie (l'introduction aux tables), et que vous débutez en HTML, nous vous conseillons de faire la première séquence avant celle-ci.

Table des matières de la séquence sur le marqueur CAPTION:

une introduction,
un exercice d'observation,
une partie théorique,
une partie exercice
et une conclusion.

Introduction

Objectif:: A la fin de cette séquence, vous saurez utiliser le marqueur CAPTION et donc de donner un titre à un tableau.
Utilité du marqueur CAPTION:: Ce marqueur permet de titrer un tableau.
Lorsque vous devrez présenter de l'information sous forme de tableau, il est très utile, surtout si une page contient plus d'un tableau, d'identifier un tableau avec un titre.
Prérequis:: Pour être à même de profiter de l'enseignement de cette séquence, il faut que vous ayez des notions de base en HTML, notamment savoir ce qu'est un marqueur et comment cela s'utilise. Nous vous conseillons donc de faire la première partie avant celle-ci.

Exercice d'observation

Tableau utilisant le marqueur CAPTION

Code correspondant

Exemple de tableau
1	2	3
4	5	6

<TABLE BORDER>
<CAPTION>Exemple de tableau</CAPTION>
 <TR>
   <TD> 1 </TD>
   <TD> 2 </TD>
   <TD> 3 </TD>
 </TR>
 <TR>
   <TD> 4 </TD>
   <TD> 5 </TD>
   <TD> 6 </TD>
 </TR>
</TABLE>

Voila ce que vous devriez voir:

Le titre du tableau se situe entre les marqueur CAPTION et juste après le marqueur d'ouverture TABLE.
Il y a 3 marqueur <TD> par ligne, ce qui crée 3 cellules par ligne
Il peut être utile, en particulier si le tableau est grand, d'indenter le code, afin de pouvoir le relire de manière plus aisée.
Est représenté en gras le marqueur CAPTION pour de simples raisons de lisibilité.

Théorie

Le marqueur CAPTION est facultatif. Il est utile pour donner un titre à un tableau. Ce marqueur doit se trouver après le marqueur TABLE.

Il s'utilise comme les autres marqueur, à savoir que l'on met le contenu du titre entre les marqueur d'ouvertur et de fermeture, comme ceci:
<CAPTION>Titre du tableau</CAPTION>

L'alignement du titre du tableau peut être spécifié. Le paramètre ALIGN= permet de placer le contenu du marqueur en haut, auquel cas le paramètre ALIGN prend la valeur TOP, ou au contraire en bas (BOTTOM) du tableau. Remarquons, comme l'illustre l'exemple précédent, que ce paramètre est facultatif, et que la valeur par défaut est TOP.

Remarquons encore qu'avec Internet Explorer de Microsoft, le paramètre ALIGN permet de spécifier la centration du titre (LEFT, RIGHT ou CENTER) et le paramètre VALIGN permet de placer le titre de manière horizontale (TOP ou BOTTOM).

Exercice

Consigne: Faites varier l'alignement du marqueur <CAPTION> ci dessous (dans l'entrée de texte prévue pour ça) afin d'en observer les effets. Autrement dit, testez successivement les paramètres TOP et BOTTOM dans le marqueur CAPTION en cliquant sur le bouton Voir.

Conclusion

Retenez que:
Le texte qui se trouve entre les marqueurs <CAPTION> et </CAPTION> forme le titre d'une table.
Et que ce marqueur supporte le paramètre ALIGN, qui peut prendre les valeurs top ou bottom.

Lorsque vous êtes satisfait de l'allure de votre tableau, nous pouvons passer a l'étape suivante.