11. Les tableaux - H.T.M.L.HTML3

Date de mise à jour : 26 mai 1999

HTML 3 permet la fabrication de tableaux très visuels.
On utilise les commandes suivantes :


Déclare le début et la fin d'un tableau
<TABLE BORDER= CELLPADDING= CELLSPACING= WIDTH= HEIGHT= BGCOLOR=>
</TABLE>

    CELLPADDING=
  • Définit l'espace entre l'objet et le contour d'une cellule
    CELLSPACING=
  • Définit l'épaisseur du trait entre les cellules
    WIDTH=
  • Fixe la largeur du tableau
    HEIGHT=
  • Fixe la hauteur du tableau
    BGCOLOR=
  • BGCOLOR="#RRGGBB"

    Définit la couleur de fond de tout le tableau. RR, GG et BB sont les valeurs hexadécimales du Rouge(RR), Vert(GG) et Bleu(BB).


Définit le début et la fin d'une ligne
<TR ALIGN= BGCOLOR=>
</TR>

    BGCOLOR=
  • BGCOLOR="#RRGGBB"

    Définit la couleur de fond des cellules de cette ligne. RR, GG et BB sont les valeurs hexadécimales du Rouge(RR), Vert(GG) et Bleu(BB).


Définit chaque élément de la ligne titre
<TH COLSPAN= ROWSPAN= ALIGN= VALIGN= WIDTH= BGCOLOR=>
</TH>

Décrit chaque élément du tableau
<TD COLSPAN= ROWSPAN= ALIGN= VALIGN= WIDTH= BGCOLOR=>
</TD>

Décrit le titre du tableau
<CAPTION ALIGN=>
</CAPTION>

    BGCOLOR=
  • BGCOLOR="#RRGGBB"

    Définit la couleur de fond de la cellule. RR, GG et BB sont les valeurs hexadécimales du Rouge(RR), Vert(GG) et Bleu(BB).


exemple :

HTML=

<CENTER>
<TABLE BORDER BGCOLOR="#ccffaa">
<CAPTION>Comparatif modèle économique</CAPTION>
<TH COLSPAN=3>Modèle
<TH ROWSPAN=2>Vitesse<BR>en km/heure
<TH ROWSPAN=2>Consommation<BR>en litre/100 km
<TR>
<TH>Marque</TH>
<TH>Type</TH>
<TH>Numero de série</TH>
</TR>
<TR>
<TD>Peugeot 106</TD>
<TD>B2</TD>
<TD ALIGN=MIDDLE>234.34</TD>
<TD>132</TD>
<TD>5,7</TD>
</TR>
<TR>
<TD>Citroën AX</TD>
<TD>AT67B8</TD>
<TD ALIGN=MIDDLE>6789</TD>
<TD>126</TD>
<TD>5,5</TD>
</TR>
</TABLE>

Browser=

Comparatif modèle économique
Modèle Vitesse
en km/heure
Consommation
en litre/100 km
Marque Type Numero de série
Peugeot 106 B2 234.34 132 5,7
Citroën AX AT67B8 6789 126 5,5


Sommaire Index
10. Les formulaires 12. Les cellules

Pour toute information : manas@unice.fr