# Część THEAD tabeli HTML

Jak już zdążyliśmy zauważyć wiersze (elementy `tr`) oraz komórki (elementy `td` lub elementy `th`) są jednymi z głównych rzeczy, które budują każdą tabelę HTML.

Ponadto każdy wiersz tabeli HTML (element `tr`) może pełnić dodatkową rolę ze względu na to, jakiego typu treść reprezentowana jest przez zawartość danego wiersza tabeli HTML.

Przykład:

```html
<table border>
  <caption>Rośliny Świata</caption>

  <tr>
    <th>owoce</th>
    <th>warzywa</th>
    <th>drzewa</th>
    <th>kwiaty</th>
  </tr>

  <tr>
    <td>czereśnia</td>
    <td>seler</td>
    <td>sosna</td>
    <td>róża</td>
  </tr>

  <tr>
    <td>jabłko</td>
    <td>marchew</td>
    <td>dąb</td>
    <td>tulipan</td>
  </tr>

  <tr>
    <td>gruszka</td>
    <td>rzodkiewka</td>
    <td>świerk</td>
    <td>słonecznik</td>
  </tr>
</table>
```

Rezultat:

<figure><img src="https://3945955358-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FR42GcKXoxIh1R4ROdsLU%2Fuploads%2FYOU1exH7NKT1XJFRp6sF%2Fimage.png?alt=media&#x26;token=533a4ab8-3402-4edb-b32a-3207e99fbf7b" alt=""><figcaption></figcaption></figure>

Nasza przykładowa tabela HTML składa się między innymi z czterech wierszy, czyli czterech elementów `tr`.

Treść reprezentowana przez zawartość pierwszego wiersza naszej przykładowej tabeli HTML jest treścią pełniącą rolę głównych nagłówków dla treści reprezentowanych przez zawartość poszczególnych kolumn występujących w naszej przykładowej tabeli HTML, dlatego wspomniany wiersz, czyli element `tr`, wraz z całą swoją zawartością może zostać przez nas umieszczony w elemencie thead, ponieważ z założenia treść reprezentowana przez zawartość elementu `thead` powinna pełnić rolę głównych nagłówków dla treści reprezentowanych przez zawartość poszczególnych kolumn występujących w tabeli HTML.

Przykład:

```html
<table border>
  <caption>Rośliny Świata</caption>

  <thead>
    <tr>
      <th>owoce</th>
      <th>warzywa</th>
      <th>drzewa</th>
      <th>kwiaty</th>
    </tr>
  </thead>

  <tr>
    <td>czereśnia</td>
    <td>seler</td>
    <td>sosna</td>
    <td>róża</td>
  </tr>

  <tr>
    <td>jabłko</td>
    <td>marchew</td>
    <td>dąb</td>
    <td>tulipan</td>
  </tr>

  <tr>
    <td>gruszka</td>
    <td>rzodkiewka</td>
    <td>świerk</td>
    <td>słonecznik</td>
  </tr>
</table>
```

Od tej pory nasz przykładowy kod HTML zawiera dodatkową informację dla przeglądarki internetowej o tym, że to właśnie treść reprezentowana przez zawartość pierwszego elementu `tr` budującego naszą przykładową tabelę HTML pełni rolę głównych nagłówków dla treści reprezentowanych przez zawartość poszczególnych kolumn występujących w naszej przykładowej tabeli HTML.

<figure><img src="https://3945955358-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FR42GcKXoxIh1R4ROdsLU%2Fuploads%2FbxyAPoia1opyC2RPhiyn%2Fimage.png?alt=media&#x26;token=3ad6c673-2109-4d67-81c9-05404b8cbee6" alt=""><figcaption></figcaption></figure>
