W tabelach HTML kluczowe jest rozróżnienie dwóch rodzajów scalania:
- colspan – komórka zajmuje więcej niż jedną kolumnę, czyli "rozszerza się" w poziomie.
- rowspan – komórka zajmuje więcej niż jeden wiersz, czyli "rozszerza się" w pionie.
Aby poprawnie dopasować wariant tabeli do kodu, trzeba czytać strukturę wiersz po wierszu i pamiętać, że komórka z rowspan "zabiera miejsce" również w kolejnych wierszach. To oznacza, że w następnym wierszu nie pojawia się już komórka w tej samej kolumnie, bo ta przestrzeń jest nadal zajęta przez komórkę rozciągniętą.
Poprawny wybór musi odzwierciedlać sytuację, w której po jednej stronie występuje większa komórka rozciągnięta na dwa wiersze, a po drugiej stronie znajdują się komórki niescalone, ułożone w dwóch wierszach. Taki układ jest typowym efektem zastosowania rowspan dla lewej komórki oraz braku (lub mniejszego) scalania po stronie prawej.
Dlaczego pozostałe warianty bywają błędnie wybierane?
- Warianty sugerujące rozciąganie w poziomie zamiast w pionie są typowym skutkiem pomylenia znaczenia colspan i rowspan.
- Warianty, w których "brakuje miejsca" lub komórki układają się nielogicznie, zwykle wynikają z nieuwzględnienia, że komórka z rowspan wpływa na kolejny wiersz.
- Warianty pozornie podobne wizualnie mogą nie zgadzać się z siatką kolumn (np. liczba kolumn w poszczególnych wierszach jest niespójna po uwzględnieniu scalania).
Na egzaminie pomaga szybka technika: narysuj siatkę tabeli jako prostokąty, a następnie "zajmuj" pola zgodnie z wartościami colspan/rowspan, przechodząc od pierwszego wiersza do ostatniego. To znacząco ogranicza pomyłki wynikające z intuicyjnego zgadywania.
