Tabele w HTML

Wprowadzenie

Tabele służą do prezentowania danych w wierszach i kolumnach. Nie powinno się ich używać do budowania całego layoutu strony.

---

Teoria / Wyjaśnienia

• Podstawowe znaczniki:
  • <table> – cała tabela,
  • <tr> – wiersz (table row),
  • <th> – komórka nagłówka,
  • <td> – zwykła komórka.

---

Praktyczne przykłady

Przykład

<table>
  <tr>
    <th>Przedmiot</th>
    <th>Ocena</th>
  </tr>
  <tr>
    <td>Informatyka</td>
    <td>5</td>
  </tr>
  <tr>
    <td>Matematyka</td>
    <td>4</td>
  </tr>
</table>

---

Ćwiczenie

1. Stwórz tabelę z planem lekcji (dni tygodnia × godziny).
2. Użyj <th> dla nagłówków kolumn i wierszy.
3. Dodaj proste obramowanie tabeli przez CSS (np. border: 1px solid #ccc;).