Atrybuty rowspan i colspan

Atrybuty colspan i rowspan

Tabele w HTML pozwalają łączyć komórki — zarówno w poziomie (kolumny), jak i w pionie (wiersze). Służą do tego właśnie atrybuty:

colspan

• Łączy komórki w poziomie.
• Komórka zajmuje więcej niż jedną kolumnę.
• Najczęściej używane w nagłówkach albo podsumowaniach.

rowspan

• Łączy komórki w pionie.

• Komórka zajmuje więcej niż jeden wiersz.

• Używane np. gdy jedna kategoria obejmuje kilka elementów.

Polecenie

1. Utwórz plik plan.html.

2. Wstaw szkielet HTML5.

3. W treści zbuduj tabelę przedstawiającą plan lekcji od poniedziałku do piątku.

4. Nagłówek tabeli (<th>) powinien zawierać nazwy dni tygodnia.

5. W niektórych miejscach użyj:

   • colspan do połączenia komórek (np. dłuższe zajęcia obejmujące dwie godziny),

   • rowspan do połączenia wierszy (np. jedna przerwa wspólna dla kilku klas).

6. Tabela powinna mieć minimum:

   • 5 kolumn (dni tygodnia),

   • 6–7 wierszy (godziny zajęć).

Przykład rozwiązania: