Nous allons conclure ce chapitre sur les tableaux avec une petite astuce sympa : comment ajouter des titres à nos tableaux.
On pourra bien évidemment modifier ces titres à l'aide du langage CSS, mais pour l'heure nous allons simplement nous occuper de savoir les afficher correctement : je vous fais confiance pour ce qui est de la mise en forme.
La balise que nous allons voir est la balise <caption>. Elle permet d'indiquer le titre du tableau.
Je vous conseille de la placer juste après la balise ouvrante <table>.
Vous avez normalement avec ça un tableau qui comporte un titre juste au dessus des lignes et colonnes.
Mais si vous voulez que ce titre soit placé en dessous il existe une propriété CSS qu'il vous suffit de lui appliquer, c'est la propriété caption-side.
Cette propriété peut prendre deux valeurs :
top : le titre sera placé au-dessus du tableau (par défaut)
bottom : le titre sera placé en dessous du tableau
En modifiant cette propriété vous pouvez modifier la position relative de votre titre. Vous pouvez également l'embellir en utilisant les autres propriétés que nous avons vu jusqu'à présent.