Tabele w HTML - podstawowe znaczniki
- Praktyczne zadania
- Teoria
- Pomoce do ćwiczeń
Tabele w HTML służą do prezentowania danych w formie siatki — w wierszach i kolumnach. Każdy wiersz składa się z komórek, które mogą być nagłówkami lub zwykłymi danymi.
Najważniejsze znaczniki
<table>
Główny znacznik, który otacza całą tabelę.
<table>
… zawartość tabeli …
</table>
<tr> (table row)
Oznacza wiersz tabeli. Każdy wiersz musi znajdować się wewnątrz <table>.
<th> (table header)
Komórka nagłówkowa — zwykle pogrubiona i wyśrodkowana. Domyślnie używana do opisywania kolumn lub wierszy.
<td> (table data)
Pojedyncza komórka z danymi w tabeli. To zwykła zawartość tabeli, np. tekst, liczby, a nawet inne elementy HTML.
Zadanie
Utwórz nowy plik
tabela.html.Wstaw w nim szkielet strony HTML5 (
<!DOCTYPE html>,<html>,<head>,<body>).Wewnątrz
<body>zbuduj tabelę<table>, która będzie zawierać:pierwszy wiersz z nagłówkami
<th>(np. „Imię”, „Nazwisko”, „Wiek”),kilka kolejnych wierszy z danymi w komórkach
<td>.
Tabela powinna mieć co najmniej 3 kolumny i 5 wierszy danych.
- * – pokoloruj obrys tabeli (<table style=”border: 3mm ridge yellow”>)
Przykład rozwiązania:
