Tabele

Praktyczne ćwiczenie do wykonania

Kurs HTML Tabele

Zadanie: Stwórz tabelę planu lekcji w HTML

Uczniowie mają napisać stronę HTML zawierającą tabelę z planem lekcji. Nagłówki kolumn z nazwami dni tygodnia muszą być zrobione znacznikiem <th>. Nagłówki wierszy z godzinami lekcji (np. „8:00–8:45”, „9:00–9:45”) też mają być <th>. Jeśli w danym dniu są miejsca bez lekcji (wolne godziny) — połącz odpowiednie komórki (colspan lub rowspan) i wpisz w takiej połączonej komórce tekst „brak lekcji”.

Wymagania (konkretne)

  • Strona musi być poprawnym plikiem HTML5 (<!doctype html> + <html>, <head>, <body>).

  • Tabela:

    • Ma mieć nagłówek kolumn z nazwami dni tygodnia (<th> w <thead>).
    • Ma mieć nagłówek wierszy z godzinami lekcji (<th> w pierwszej kolumnie każdego wiersza lub w <thead> - do wybory, ale muszą to być <th>).
    • Komórki z prawdziwymi lekcjami zawierają nazwę przedmiotu (np. Matematyka).
    • Jeśli występują wolne godziny — komórki mają być połączone tak, żeby w miejscu wolnych godzin była pojedyncza komórka zawierająca tekst „brak lekcji”.
    • Użyj atrybutów colspan i/lub rowspan tam, gdzie łączysz komórki

  • Dodatkowo (dobre praktyki):

    • Dodaj <caption> opisujący tabelę (np. „Plan lekcji — klasa 2A”).
    • Użyj atrybutu scope w <th> tam gdzie pasuje (np. scope="col" dla nagłówków kolumn i scope="row" dla nagłówków wierszy).
    • Dodaj proste style CSS (opcjonalnie) dla czytelności.
Wróć do lekcji