Tableaux en HTML 4.0

Création d'un tableau

• tag double <table> et </table> pour définir le corps du tableau comportant éventuellement des indications de :
  • bordure : <table border=x> où x est la largeur de la bordure (par défaut x = 3)
  • largeur : <table width=x%>
  • nombre de colonnes : <table cols=3> Ce nombre de colonnes est purement optionnel et n'existe que depuis la version 4.0 d'HTML, il permet au navigateur de ne pas perdre de temps à calculer le nombre de colonnes
• tag double <th> et </th> pour définir le titre du tableau
• tag double <tr> et </tr> pour définir chaque ligne du tableau
• à l'intérieur de chaque ligne utilisation du tag double <td> et </td> pour définir des colonnes. La largeur de chaque colonne est réglée à l'intérieur du tag lui même <td width=x%>. Un réglage de largeur dans la seule première ligne s'applique à tout le tableau.

Réglages des espaces et des alignements

• Utilisation de nouveaux attributs dans le tag de création de table <table border=2 width=100% cellspacing=8 cellpadding=12>
  • cellspacing=8 définit l'espacement (en pixels) entre les bordures de cellules
  • cellpadding=12 définit l'espacement (en pixels) entre la bordure et le texte
• Utilisation d'un attribut d'alignement dans le tag de définition de colonne <td width=x% align="right"> ou <td width=x% align="center">

• Utilisation d'un attribut d'alignement sur plusieurs colonnes pour le titre <th colspan=3> ou une autre ligne <td colspan=2>
• Utilisation d'un attribut d'alignement sur plusieurs lignes <td rowspan=3>