Chapitre 4. Les tableaux en HTML

Table des matières

Syntaxe de base
Une cellule particulière

Syntaxe de base

Un tableau est défini par les balises <table> et </table>.

Un tableau est constitué de lignes, chacune étant définie par les balises <tr> et </tr>.

Une ligne est constituée de cellules, chacune étant définie par les balises <td> et </td>.

Il n'y a pas de notion de colonne. Une colonne est définie de manière implicite par la superposition des cases correspondantes dans chaque ligne.

Ainsi ce code :

    <table>
      <tr>
        <td>aaa aaa<br>aaa aaa aaa<br>aaa aaa</td>
        <td>bbb bbb bbb</td>
        <td>ccc</td>
      </tr>
      <tr>
        <td>ddd</td>
        <td>eee eee</td>
        <td>fff fff fff</td>
      </tr>
    </table>
    

produira ce résultat :

Un exemple de tableau

On peut remarquer que le résultat ci-dessus ne correspond pas forcément à ce qu'on nomme communément tableau.

Il n'y a par exemple pas de bords...

Le tableau de base n'est qu'une série de cellules, arrangées selon une grille (qui n'est pas visualisée) et dont les contenus sont alignés à gauche dans les cellules.

Dans l'exemple précédent :

  • La première ligne est composée de 3 cases, qui contiennent repectivement tous les « a » pour la première, tous les « b » pour la deuxième, tous les « c » pour la troisième.

  • La deuxième ligne est composée de 3 cases, qui contiennent repectivement tous les « d » pour la première, tous les « e » pour la deuxième, tous les « f » pour la troisième.