Kit graphique
du jour


plus de kits graphiques
  Forum Webmaster
  Annuaire
  PAGES
  Langages
  Création des pages
  Logiciels
  Services
  DESIGN
  Généralités
  Kits graphiques
  Création de bannières
  INDISPENSABLE
  Nom de domaine
  Hébergement
  Hébergeurs allopass
  + DE TRAFIC
  Référencement
  Echanges de bannières
  Campagnes de pub
  GAGNER DE L'ARGENT
  En affichant de la pub
   
  Partenaires
 


Accueil Cestfacile.org FORUM Partenaires

Document sans-titre

LES TABLEAUX EN HTML

Utilisation de tableaux

On a souvent besoin de présenter des informations mieux structurées qu'avec des listes. Les tableaux permettent de les afficher en lignes et en colonnes.

Les tableaux sont définis comme étant des suites de lignes.

Le tableau est encadré par les balises <TABLE> et </TABLE>.
Le titre du tableau est encadrée par <CAPTION> </CAPTION>
Chaque ligne est encadrée par <TR> </TR> (Table Row, traduisez par ligne du tableau).
Les cellules d'en-tête sont encadrées par <TH> </TH> (pour Table Header : En-tête de tableau)
Les cellules de valeur sont encadrées par <TD> </TD> (Table Data: Donnée de tableau)

Par exemple le tableau:


<TABLE BORDER="1">         

  <CAPTION> Voici le titre du tableau </CAPTION>        

  <TR>       

    <TH> Titre A1 </TH> 

    <TH> Titre A2 </TH> 

    <TH> Titre A3 </TH> 

    <TH> Titre A4 </TH> 

  </TR>       

  <TR>       

    <TH> Titre B1 </TH> 

    <TD> Valeur B2 </TD> 

    <TD> Valeur B3 </TD> 

    <TD> Valeur B4 </TD> 

  </TR>       

</TABLE> 

donne le résultat suivant:

Voici le titre du tableau
Titre A1 Titre A2 Titre A3 Titre A4
Titre B1 Valeur B2 Valeur B3 Valeur B4


Les attributs

Attribut Balises auxquelles il s'applique Valeur Effet Visuel
ALIGN THEAD TBODY TH TR TD CENTER

LEFT

RIGHT

JUSTIFY

centré

gauche

droite

justifié

CAPTION TOP

BOTTOM

au-dessus

en-dessous

VALIGN (alignement vertical) THEAD TBODY TH TR TD TOP

MIDDLE

BOTTOM

en haut

au milieu

en bas

BORDER=n TABLE   taille de la bordure
CELLPADDING=n TABLE   espacement de n pixels entre le contenu des cellules et son encadrement
CELLSPACING=n TABLE   Epaisseur de la grille intérieure
FLOAT TABLE RIGHT

LEFT

Spécifie la position du texte qui suivra </TABLE>
COLS=n TABLE   Spécifie le nombre de colonnes
FRAME

(contrôle les éléments individuels d'encadrement du tableau)

TABLE NONE

TOP

BOTTOM

TOPBOT

SIDES

ALL

aucun

au-dessus

en bas

tout en haut

sur les cotés

tous

RULES

(contrôle les éléments de la grille des cellules)

TABLE NONE

BASIC

ROWS

COLS

ALL

aucun

basique

ligne

colonne

tous

COLSPAN THEAD TBODY TH TR TD   Fait déborder les cellules sur les colonnes adjacentes
ROWSPAN THEAD TBODY TH TR TD   Fait déborder les cellules sur les lignes adjacentes