Il est souvent utile 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.
Un tableau doit respecter les quelques règles suivantes :
Voici un exemple de tableau HTML :
<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>
Ce code donne le résultat suivant :
| Titre A1 | Titre A2 | Titre A3 | Titre A4 |
|---|---|---|---|
| Titre B1 | Valeur B2 | Valeur B3 | Valeur B4 |
| 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 la bordure | |
| CELLSPACING=n | TABLE | Epaisseur de la grille intérieure | |
| FLOAT | TABLE | RIGHT
LEFT
| Position du texte qui suivra </TABLE> |
| COLS=n | TABLE | 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 | Débordement des cellules sur les colonnes adjacentes | |
| ROWSPAN | THEAD
TBODY TH TR TD | Débordement des cellules sur les lignes adjacentes |
Combien cela coûte-t-il au total ? Quelles aides apportent l'état et les acteurs du marché pour alléger cette charge non choisie ? Tous les détails sur Commentçamarche.net.
