Langage HTML / Tableaux

<table cellpadding cellspacing frame rules height vspace width hspace align background bgcolor border summary name class style lang title >
 <caption align valign class style lang title >
 <tr align valign bgcolor class style lang title >
  <th align colspan rowspan nowrap align valign bgcolor width height class style lang title >...</th>
  <td colspan rowspan nowrap align valign background bgcolor width height class style lang title >...</td>
  <td>...</td>
  ...
 </tr>
 <tr>...</tr>
 ...
</table>

Voir l'exemple

Définition d'un tableau

Un tabeau est défini par l'élément table.

• cellpadding : nombre de pixels séparant le bord des cellules à leur contenu
• cellspacing : nombre de pixels séparant les cellules du tableau
• frame : précision des bordures à tracer
  • void : aucune bordure
  • above : bordure supérieure uniquement
  • below : bordure inférieure uniquement
  • hside : bordures supérieure et inférieure uniquement
  • vside : bordures latérales uniquement
  • lhs : bordure gauche uniquement
  • rhs : bordure droite uniquement
  • box : bordures extérieures uniquement
• rules : à utiliser en combinaison avec frame pour préciser le groupe auquel s'applique les règles définies
  • none : aucune règle
  • groups : les règles s'appliquent aux groupes de lignes et aux groupes de colonnes
  • rows : les règles s'appliquent aux groupes de lignes
  • cols : les règles s'appliquent aux groupes de colonnes
  • all : les règles s'appliquent à tout
• summary : commentaires sur le tableau

Définition d'une ligne du tableau

Une ligne du tableau est définie par l'élément tr.

Définition d'une cellule (td et th)

Une cellule du tableau est définie par l'élément td. La cellule appartient à une ligne. Le tableau est construit ligne après ligne.

L'élément th définit une cellule en-tête.

• colspan : nombre de colonnes sur lesquelles la cellule s'étend
• rowspan : nombre de lignes sur lesquelles la cellule s'étend
• nowrap : désactivation des retours à la ligne automatique

Définition d'une légende

Il est possible d'ajouter une légende au tableau à l'aide de l'élément caption qui doit être inclus dans la balise table.

Céllule vide

Les cellules vides ne sont pas toujours très bien présentées par les navigateurs. Le meilleur moyen de présenter une cellule vide est le suivant :

<td nowrap><br></td>

Autres éléments tabulaires

Il peut être parfois intéressant de décomposer un tableau en différentes parties :

• un groupe de lignes formant l'en-tête du tableau (thead)
• un ou plusieurs groupes de lignes formant des sections du tableau (tbody)
• un groupe de lignes formant le pied de page du tableau (tfoot)