Les Tableaux



Un tableau est délimité par les balises <TABLE> et </TABLE>.
Les lignes sont délimitées par les balises <TR> et </TR>,
les colonnes par les balises <TD> et </TD>

Exemple:
<TABLE>
<TR>
<TD></TD> <TD>Colonne 1</TD> <TD>Colonne 2</TD>
</TR>
<TR>
<TD>Ligne 1</TD> <TD>Voici</TD> <TD>un</TD>
</TR>
<TR>
<TD>Ligne 2</TD> <TD>exemple</TD> <TD>de</TD>
</TR>
<TR>
<TD>Ligne 3</TD> <TD>tableau</TD> <TD>!!</TD>
</TR>
</TABLE>
Colonne 1
Colonne 2
Ligne 1
Voici
un
Ligne 2
exemple
de
Ligne 3
tableau
!!


La balise <TABLE> peut contenir 17 arguments (tous facultatifs) concernant:

  • le fond

    • BGCOLOR
      • pour la couleur
      ou
    • BACKGROUNG pour une image
    • Exemples:
      • <TABLE BGCOLOR = "#003399">
        ou
      • <TABLE BACKGROUNG="images/tableau1.jpg>


  • les bordures

    • BORDER pour l'épaisseur
    • FRAME pour les bordures extérieures
      • "border" ou "box" affiche les 4 côtés (par défaut)
      • "void" n'affiche aucun des 4 côtés
      • "above" affiche seulement le côté supérieur
      • "below" affiche seulement le côté inférieur
      • "hsides" (horizontal) affiche les côtés supérieur et inférieur
      • "lhs" affiche seulement le côté gauche
      • "rhs" affiche seulement le côté droit
      • "vsides" (vertical) affiche les côtés gauche et droit
    • RULES pour les bordures intérieures
      • "all" affiche les 4 côtés de chaque cellule
      • "none" n'en affiche aucun
      • "cols" n'affiche que les bordures entre les colonnes
      • "rows" n'affiche que les bordures entre les lignes
      • "groups" s'associe à THEAD, TFOOT, TBODY, COLGROUP ou COL pour une gestion encore plus personalisée
    • BORDERCOLOR pour la couleur
    • BORDERCOLORDARK pour modifier l'effet de relief
    • BORDERCOLORLIGHT pour modifier l'effet de relief
    • Exemple: <TABLE BORDER="5" FRAME="hsides" BORDERCOLOR="#000000" BORDERCOLORDARK="#333333" BORDERCOLORLIGHT="#CCCCCC">


    Voici un tableau montrant le dégradé de couleur qui donne l'illusion de relief:

    TABLE
    BORDER
    = 2
    Ligne 1
    1_1
    1_2
    Ligne 2
    2_1
    2_2

  • l'espace entre cellules

    • CELLPADING par rapport au tableau
    • CELLSPACING par rapport aux autre cellules
    • Exemple: <TABLE CELLPADING="1" CELLSPACING="2">


  • les colonnes

    • COLS; qui ne fait qu'aider le navigateur à aller plus vite
    • Exemple: <TABLE COLS="2">


  • le texte

    • LANG spécifie la langue du texte
    • DIR indique la direction d'écriture du texte (de gauche à droite (ltr) ou inversement (rtl))
    • Exemple: <TABLE LANG= "ar" DIR="rtl">


  • la taille

    •  (si elle permet l'affichage du contenu)
    • HEIGHT définit la hauteur
    • WIDHT définit la largeur
    • Exemple: <TABLE HEIGHT="150" WIDTH="500">


  • la description du contenu

    • SUMMARY renseigne sur le contenu du tableau lorsque des navigateurs ne permettent pas de visualiser celui-ci
    • Exemple: <TABLE SUMMARY="L'emploi du temps de Natasha">


  • les relations à une base de données

    • DATASRC définit la base de données d'oú provient l'information
    • DATAPAGESIZE indique le nombre de lignes nécessaires à l'importation de l'information
    • Exemple: <TABLE DATASRC="#DBSRC2" DATAPAGESIZE="6">


La disposition du tableau, ainsi que du texte à l'intérieur se fait avec les balises de mise en page.

Retour à l'index