Celle di intestazione nella tabella in HTML

Oltre ai tag td esistono anche i tag th, che creano anch'essi delle celle. Ma queste non saranno celle ordinarie, bensì celle di intestazione, che indicano cosa si trova in questa colonna (o riga) della tabella. Di default il testo in tali celle th sarà in grassetto e centrato.

Diamo un'occhiata a un esempio. Supponiamo di avere questa tabella con i dipendenti:

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>

Результат:

Come puoi vedere, nella prima colonna è memorizzato il nome del dipendente, nella seconda colonna - il cognome, e nella terza - lo stipendio. Aggiungiamo un'ulteriore riga all'inizio della tabella, in cui posizioneremo le intestazioni delle colonne nei tag 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>

Результат: