Créer des tableaux, ça on en a tous l'habitude avec Excel. Mais pour créer des tableaux avec le langage HTML on fait comment ?
Tout d'abord il y a une première balise à connaître avant toute chose, c'est la balise <table>. C'est dans cette balise que sera contenu tout ce qui touche de près ou de loin à votre tableau.
Mais ce n'est pas tout !
Les tableaux HTML sont divisés en lignes et en colonnes, et voici comment il faut procéder pour les insérer.
Les cellules vont dans les lignes, et il doit y avoir un même nombre de cellules par ligne pour former des colonnes uniformes (sauf cas particulier que nous verrons à la fin de ce chapitre).
Les lignes sont représentées par les balises <tr> et les cellules, dans les lignes donc, sont représentées par les balises <td>.
Une ligne contient un groupe de cellules (parfois une seule, mais parfois plusieurs dizaines). La seule règle pour le moment est que chaque ligne doit contenir le ême nombre de cellules.
Il existe une deuxième forme de cellules, à savoir les cellules d'en-tête. Celles-ci ne s'écrivent pas avec des <td> mais des <th>. Par défaut le navigateur les mettra en gras, mais vous pouvez très bien changer leurs propriétés CSS.
Le fameux CSS on y vient justement car il y a une propriété à connaître lorsque l'on gère les tableaux, c'est la propriété border-collapse.
Cette propriété peut prendre deux valeurs :
separate : les bordures sont séparées (par défaut)
collapse : les bordures sont collées les unes aux autres
Voici donc un exemple de petit tableau à deux lignes et deux colonnes(avec les entêtes) :