Attributs des éléments de tableau

• Attributs de table :
  • summary : résumé synthétique des données présentées dans le tableau, nécessaire pour l'accessibilité de l'information
    Exemple : summary="principaux attributs des éléments HTML pour les tableaux"
  • border : épaisseur (nombre de pixels) des bordures du tableau
    Exemple : border="5"
  • cellspacing : marge externe des cellules (espace à l'extérieur de la bordure des cellules)
    Exemple : cellspacing="0"
  • cellpadding : marge interne des cellules (espace entre la bordure et le contenu de la cellule
    Exemple : cellpadding="50"
  • width : largeur du tableau
    Exemple : en pixels width="400" ou en pourcentage width="35%"
• Attributs d'alignement (utilisables avec thead, tbody, tfoot, tr, th et td)
  • align alignement horizontal, valeurs possibles : left, center, right, justify
  • valign alignement vertical, valeurs possibles : top, middle, bottom, baseline
• Attribut de th :
  • scope : indique si la cellule de titre concerne une ligne ou une colonne, valeurs possibles : row ou col
  • abbr : description sommaire du contenu de la cellule titre
• ⚠️ Les attributs de mises en forme (align, valign, width, bgcolor, ...) sont deprecated, il est préférable d'utiliser les mises en forme CSS à la place
• Exemple d'usage

  <table border="5" cellspacing="0" cellpadding="50" width="75%"
      summary="principaux attributs des éléments HTML pour les tableaux">
      <caption>Tableau illustrant divers attributs spécifiques</caption>
      <tr>
          <th colspan="2">Donec eget risus ut dolor fermentum ornare. </th>
          <td align="center" rowspan="2" valign="bottom">Donec eget </td>
      </tr>
      <tr>
          <td align="center">Donec</td>
          <td align="right">eget </td>
      </tr>
  </table>

  Tableau illustrant divers attributs spécifiques

  Donec eget risus ut dolor fermentum ornare.		Donec eget
  Donec	eget