– Les tableaux –

 

Les tableaux sont en fait des grilles rectangulaires. Il faut que chaque ligne ait le même nombre de colonnes. Ce quadrillage était utilisé dans les anciens sites (ou les sites de merde actuels) pour faire la mise en page.

Un tableau se définit toujours de la même manière:

  • d’abord on définit le tableau <table>
  • ensuite on définit la ligne <tr>
  • ensuite on définit les cellules du tableau <td>, on peut le remplacer par <th> pour les en-têtes de tableau

Une fois qu’on a défini toutes les cellules de la ligne, on ferme la ligne avec la balise fermante </tr>. Si on n’a plus de lignes à insérer, alors on utilisera la balise </table> pour fermer le tableau.

A noter, les balises td et th peuvent avoir 2 attributs intéressants:

  • colpan=n: sur la ligne donnée, la cellule fera l’équivalent de n colonnes des autres lignes
  • rowspan=n: sur la colonne donnée, la cellule fera l’équivalent de n lignes des autres colonnes

Les balises peuvent accepter de nombreux autres paramètres que vous trouverez ici, notamment:

  • l’epacement entre 2 cellules: cellspacing
  • la bordure d’un élément: border
  • la distance entre le bord de la cellule et le contenu: cellpadding
  • la largeur d’un élément (cellule ou table): width
  • la hauteur d’une cellule: height
  • la couleur de fond d’un élément: bgcolor
  • l’alignement du texte dans un élément: align et valign

Attention, en HTML pur (sans CSS), si on veut affecter des paramètres aux textes contenus dans les cellules alors il faut utiliser les balises vues dans le chapitre précédent.