Cellules d'en-tête dans un tableau en HTML

En plus des balises td, il existe également des balises th, qui créent également des cellules. Mais ce ne seront plus des cellules ordinaires, mais des cellules d'en-tête, qui indiquent ce qui se trouve dans cette colonne (ou ligne) du tableau. Par défaut, le texte dans ces cellules th sera en gras et centré.

Regardons un exemple. Supposons que nous ayons un tel tableau avec des employés :

html<table border="1" width="300">
  <tr>
    <td>John</td>
    <td>Smith</td>
    <td>200$</td>
  </tr>
  <tr>
    <td>Nick</td>
    <td>Mayers</td>
    <td>300$</td>
  </tr>
  <tr>
    <td>Alex</td>
    <td>Jonson</td>
    <td>400$</td>
  </tr>
</table>

Результат:

Comme vous pouvez le voir, la première colonne contient le nom de l'employé, la deuxième colonne - le nom de famille, et la troisième - le salaire. Ajoutons une autre ligne au début du tableau, dans laquelle nous placerons les en-têtes de colonnes dans les balises th :

html<table border="1" width="300">
  <tr>
    <th>Name</th>
    <th>Surname</th>
    <th>Salary</th>
  </tr>
  <tr>
    <td>John</td>
    <td>Smith</td>
    <td>200$</td>
  </tr>
  <tr>
    <td>Nick</td>
    <td>Mayers</td>
    <td>300$</td>
  </tr>
  <tr>
    <td>Alex</td>
    <td>Jonson</td>
    <td>400$</td>
  </tr>
</table>

Результат: