Κελιά-επικεφαλίδες σε πίνακα σε HTML

Εκτός από τις ετικέτες td υπάρχουν επίσης ετικέτες th, οι οποίες δημιουργούν επίσης κελιά. Αλλά αυτά δεν θα είναι συνηθισμένα κελιά, αλλά κελιά-επικεφαλίδες, που υποδεικνύουν τι βρίσκεται σε αυτήν την στήλη (ή γραμμή) του πίνακα. Από προεπιλογή το κείμενο σε τέτοια κελιά th θα είναι έντονο και θα είναι τοποθετημένο στο κέντρο.

Ας δούμε ένα παράδειγμα. Ας υποθέσουμε ότι έχουμε έναν τέτοιο πίνακα με εργαζόμενους:

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>

Результат:

Όπως βλέπετε, στην πρώτη στήλη αποθηκεύεται το όνομα του εργαζόμενου, στη δεύτερη στήλη - το επώνυμό του, και στην τρίτη - ο μισθός. Ας κάνουμε άλλη μια σειρά στην αρχή του πίνακα, στην οποία θα τοποθετήσουμε τους τίτλους των στηλών σε ετικέτες 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>

Результат: