HTML
Les tableaux
Les paramètres du marqueur TABLE
Si vous n'avez pas encore fait la première partie (l'introduction aux tableaux), et que vous débutez en HTML, nous vous conseillons de faire la première séquence avant celle-ci et de les visiter dans l'ordre prévu.
Table des matières de la séquence sur les paramètres du marqueur TABLE:
Introduction
- Objectif:
- A la fin de cette séquence, vous connaîtrez et vous saurez utiliser les principaux paramètres (et les valeurs qu'ils peuvent prendre) du marqueur TABLE.
- Utilité des paramètres du marqueur TABLE:
-
Les différents paramètres qui seront présentés ici permettent de donner à un tableau l'allure que vous désirez.
- 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. Il faut, en plus, que vous ayez lu les deux séquences précédentes qui posent les bases des tableaux en HTML.
Exercice d'observation
Tableau à deux entrées | Code correspondant |
---|
|
<TABLE BORDER=5 CELLPADDING=10>
<TR>
<TD> 1 </TD>
<TD> 2 </TD>
</TR>
<TR>
<TD> 3 </TD>
<TD> 4 </TD>
</TR>
</TABLE> |
|
<TABLE BORDER=5 CELLSPACING=10>
<TR>
<TD> 1 </TD>
<TD> 2 </TD>
</TR>
<TR>
<TD> 3 </TD>
<TD> 4 </TD>
</TR>
</TABLE> |
Observez cet exemple et le code correspondant. Essayez d'en déduire la syntaxe, puis répondez aux quelques questions ci-dessous:
|
Théorie
- Par défaut, la bordure des tableaux est invisible. Le paramètre BORDER=n s'insère dans le marqueur de début de tableau et permet de spécifier la largeur de la bordure extérieure en pixels. Lorsque l'on utilise le paramètre BORDER sans spécifier de valeur, la valeur 2 est prise par défaut.
- Le paramètre CELLSPACING=n permet de contrôler l'espacement entre deux cellules.
- Le paramètre CELLPADDING=n permet quant à lui de fixer la distance se trouvant entre le bord d'une cellule et le texte qui s'y trouve. Autrement dit, le "rembourrage", l'"épaisseur ouatée" entre le contenu d'une cellule et le bord qui l'entoure.
- Le paramètre WIDTH=n permet de forcer la largeur qu'occupe le tableau sur la page. La valeur n peut être exprimée en pixels ou, être suivie du signe %, auquel cas le tableau occupe la proportion donnée de la largeur de la page.
Ces quatre paramètres sont cumulables, c'est-à-dire que vous pouvez spécifier dans un même tableau tous les paramètres.
Figure 1: Illustration des différentes paramètres du marqueur TABLE.
Exercice
Consigne: Faites varier le code correspondant au tableau ci-dessus, puis cliquez sur le bouton Comparer pour obtenir un apperçu de ce que vous aurez fait. Il est intéressant de changer les valeurs des différentes paramètres du marqueur TABLE, à savoir: BORDER, CELLSPACING, CELLPADDING et WIDTH.
Conclusion
Le marqueur <TABLE> supporte les paramètres suivants:
- BORDER, qui définit l'épaisseur de la bordure
- CELLSPACING, qui permet de contrôler l'espacement entre deux cellules
- CELLPADDING, qui permet quant à lui de fixer la distance se trouvant entre le bord d'une cellule et le texte qui s'y trouve
- WIDTH, qui permet de forcer la largeur qu'occupe le tableau sur la page.
Lorsque vous êtes satisfait de l'allure de votre tableau, nous pouvons passer a l'étape suivante.