W tej lekcji dowiesz się, jak tworzyć tabele w języku HTML.
Tabele HTML - tagi
Do stworzenia prostej tabeli w języku HTML, będziesz potrzebował kilku tagów. Tagi, o których mowa to:
- table - definiuje tabele
- tr - definiuje wiersz
- th - definiuje komórkę, która jest nagłówkiem
- td - definiuje zwykłą komórkę
Dodatkowo w języku HTML 5, można wykorzystać dodatkowe tagi, które mają za zadanie wskazać, nagłówek, stopkę i zawartość tabeli. Do tego celu wykorzystuje się tagi:
- thead - nagłówek
- tbody - zawartość tabeli
- tfoot - stopka tabeli
Podstawowa tabela
Aby stworzyć podstawową tabelę w języku HTML, należy skorzystać z tagów
table
, tr
oraz td
.
Dodatkowo w naszym przykładzie, nagłówek został stworzony, poprzez użycie tagu th
Tabela wykorzystująca tagi <thead> <tbody> i <tfoot>
Poniżej znajduje się przykład, który pokazuje jak stworzyć tabelę w HTML 5, która wykorzystuje tagi
thead
, tbody
oraz tfoot
. Co prawda te dodatkowe tagi nie są konieczne,
ale mogą Ci się one przydać, jeżeli chcesz odróżnić stylistycznie nagłówek i stopkę.