Le tag <caption> spécifie le titre de la table. Le tag <caption> est placée dans l'élément <table> immédiatement après le tag <table> ouvrant.

Syntaxe

Le tag <caption> est apparié, le contenu est écrit entre le tag ouvrant (<caption>) et le tag fermant (</caption>).

Exemple

<!DOCTYPE html>
<html>
  <head>
    <title>Titre du document</title>
  </head>
  <body>
    <table width="400" border="1">
      <caption>Papier d'évaluation</caption>
      <thead>
        <tr>
          <th>Etudiant</th>
          <th>1ere exam</th>
          <th>2eme exam</th>
        </tr>
      </thead>
      <tbody>
        <tr>
          <td>John Johnson</td>
          <td>75</td>
          <td>65</td>
        </tr>
        <tr>
          <td>Mary Nicolson</td>
          <td>55</td>
          <td>80</td>
        </tr>
        <tr>
          <td>Max Thomson</td>
          <td>60</td>
          <td>47</td>
        </tr>
      </tbody>
    </table>
  </body>
</html>

Résultat

Papier d'évaluation
Etudiant 1ere exam 2eme exam
John Johnson 75 65
Mary Nicolson 55 80
Max Thomson 60 47

Attributs

Attribut Valeur Description
align Aligne le titre horizontalement.
Non utilisé en HTML5.
right - L'en-tête est placé en haut et aligné à droite.
left -L’en-tête est placé en haut et aligné à gauche.
top -L’en-tête est placé en haut et aligné à centre.
bottom -L’en-tête est place en bas et aligné à centre.

Le tag <caption> supporte les Attributs globaux et les Attributs d'événements.

Comment styler le tag HTML <caption> ?

Propriétés communes pour modifier le poids visuel/emphase/taille du texte dans le tag <caption>:

Coloration du texte dans le tag HTML <caption>:

Styles de mise en page du texte pour la tag HTML <caption>:

Autres propriétés utiles pour le tag HTML <caption>:

Support de Navigateurs

chrome edge firefox safari opera

Pratiquez vos connaissances

Quelle est la fonction de la balise HTML <caption> ?
Trouvez-vous cela utile?