Notice : Undefined variable: index : in /ref/index.php on line 13
Warning : preg_replace() [function.preg-replace.html]: Unknown modifier '(' : in /ref/index.php on line 53
Warning : preg_replace() [function.preg-replace.html]: Unknown modifier '(' : in /ref/index.php on line 53
Élément table -- Le Coin Web de QuentinC

Vous êtes ici : Accueil > Référence HTML et JavaScript > Élément table

Élément table

Description

Définit un tableau destiné à présenter des données.

Un tableau simple se compose de lignes tr et de cellules td.

Un tableau un peu plus évolué peut être divisé en trois parties logiques : un en-tête thead qui contiendra une ligne tr et des cellules d'en-tête th, un corps tbody qui contiendra des lignes et des cellules tr et td, et un pied tfoot.

Il peut également inclure des définitions de colonnes grâce aux éléments colgroup et col qui permettront d'afficher le tableau au fur et à mesure qu'il est chargé et non plus seulement lorsque la fin du tableau (balise de fermeture </table>) est reçu.

Enfin, un tableau peut optionnellement être pourvu d'une légende explicative au moyen de l'élément caption.

Table est de type bloc, mais ne peut contenir directement que les éléments caption, tr, thead, tbody et tfoot.

Attributs

AttributType, valeurs possiblesExplications, effetsRemarques
bgcolorCouleur hexadécimaleIndique la couleur de fond à utiliser pour la celluleDéprécié et remplacé par la propriété CSS background-color.
borderNombre entierIndique la taille de la bordure, en pixels.Déprécié et remplacé par les attributs de bordure CSS.
cellspacingNombre entierIndique, en pixels, la taille de l'espacement entre les cellules.Déprécié et remplacé par les propriétés de marge CSS.
cellpaddingNombre entierIndique, en pixels, l'espacement entre la bordure de la cellule et le texteDéprécié et remplacé par les attributs de marge CSS.
summaryTextePrécise une description des données présentés dans le tableau.

Évènements javascript supportés

onclick, ondblclick, onmouseup, onmousedown, onmousewheel, onselect, oncontextmenonmouseover, onmouseout, ondrag, ondragstart, ondragen.

Exemples

Exemple - Un tableau simple avec seulement des lignes et des cellules


Exemple - Un tableau plus complexe avec légende, définition de colonnes, en-tête et corps


 

Vous êtes ici : Accueil > Référence HTML et JavaScript > Élément table

Dernière modification de cette page : Dimanche 23 octobre 2005 15:47
Haut de page  •  Contact  •  RSS  •  Valide XHTML 1.0