W tabelach HTML układ wynika bezpośrednio z kolejności wierszy (<tr>) i komórek (<td>). Każdy <tr> tworzy kolejny wiersz, a każda komórka domyślnie zajmuje jedną kolumnę siatki.
W przedstawionym kodzie pierwszy wiersz ma dwie komórki: "pierwszy" oraz "drugi". Oznacza to, że siatka tabeli ma co najmniej dwie kolumny. Następnie drugi wiersz zawiera jedną komórkę z atrybutem colspan="2" i tekstem "trzeci". Atrybut colspan scala komórkę w poziomie na wskazaną liczbę kolumn, czyli tutaj na dwie. W efekcie w drugim wierszu nie powstają dwie osobne komórki, tylko jedna, ale rozciągnięta na całą szerokość dwóch kolumn.
Dlatego poprawny wariant graficzny to taki, w którym:
- pierwszy wiersz ma dwie komórki obok siebie ("pierwszy", "drugi"),
- drugi wiersz ma jedną szeroką komórkę ("trzeci") zajmującą szerokość obu kolumn.
Warianty błędne odpowiadają typowym pomyłkom:
- Rysunek z "dziurą" w drugim wierszu sugeruje brakujący <td> zamiast prawidłowego scalenia – to ignoruje działanie colspan.
- Układ, w którym "pierwszy" jest wysoką komórką po lewej, odpowiadałby raczej użyciu rowspan (scalanie w pionie), którego w kodzie nie ma.
- Jeden wiersz z trzema komórkami nie pasuje do kodu, bo kod zawiera dwa znaczniki <tr>, czyli dwa wiersze.
Na egzaminie warto najpierw policzyć kolumny w pierwszym wierszu (to wyznacza siatkę), a potem sprawdzić, czy w kolejnych wierszach pojawiają się scalenia typu colspan/rowspan.
