Tableau HTML (TABLE)

Août 2015

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.


Tableaux HTML

Un tableau doit respecter les quelques règles suivantes :

Le tableau est encadré par les balises <TABLE> et </TABLE>. Le titre du tableau est encadré 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). Enfin, les cellules de valeur sont encadrées par <TD> </TD> (Table Data: Donnée de tableau).

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 :


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

Attributs


AttributBalises auxquelles il s'appliqueValeurEffet Visuel
ALIGNTHEAD
TBODY
TH
TR
TD
CENTER
LEFT
RIGHT
JUSTIFY
centré
Gauche
Droite
Justifié
CAPTIONTOP
BOTTOM
Au-dessus

En-dessous

VALIGN (alignement vertical)THEAD
TBODY
TH
TR
TD
TOP
MIDDLE
BOTTOM
En haut
Au milieu
En bas
BORDER=nTABLETaille de la bordure
CELLPADDING=nTABLEEspacement de n pixels entre le contenu des cellules et la bordure
CELLSPACING=nTABLEEpaisseur de la grille intérieure
FLOATTABLERIGHT
LEFT
Position du texte qui suivra </TABLE>
COLS=nTABLENombre de colonnes
FRAME

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

TABLENONE
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)

TABLENONE
BASIC
ROWS
COLS
ALL
Aucun
basique
Ligne
Colonne
Tous
COLSPANTHEAD
TBODY
TH
TR
TD
Débordement des cellules sur les colonnes adjacentes
ROWSPANTHEAD
TBODY
TH
TR
TD
Débordement des cellules sur les lignes adjacentes
Pour une lecture illimitée hors ligne, vous avez la possibilité de télécharger gratuitement cet article au format PDF :
Tableau-html-table .pdf

Réalisé sous la direction de , fondateur de CommentCaMarche.net.


A voir également


Tables
Tables
Tablas
Tablas
Die Tabellen
Die Tabellen
Le tabelle
Le tabelle
Os quadros
Os quadros
Ce document intitulé «  Tableau HTML (TABLE)  » issu de CommentCaMarche (www.commentcamarche.net) est mis à disposition sous les termes de la licence Creative Commons. Vous pouvez copier, modifier des copies de cette page, dans les conditions fixées par la licence, tant que cette note apparaît clairement.