В HTML-документе задана таблица:
<table border="1">
<tr><td colspan="2">A</td><td>B</td></tr>
<tr><td>C</td><td rowspan="2">D</td><td>E</td></tr>
<tr><td>F</td><td>G</td></tr>
</table>
Какие ячейки, считая слева направо, браузер отобразит в третьей строке таблицы?
Показать ответ и разборСкрыть ответ и разбор
Верный ответ
- DF, D, G
Разбор
Первая строка: ячейка «A» с colspan="2" занимает столбцы 1 и 2, «B» стоит в столбце 3, значит, в таблице три столбца. Вторая строка: «C» в столбце 1, «D» в столбце 2, «E» в столбце 3. Ячейка «D» имеет rowspan="2", поэтому занимает и второй, и третий ряд в столбце 2. В третьей строке в коде только два тега td: «F» попадает в столбец 1, столбец 2 уже занят объединённой ячейкой «D», поэтому «G» оказывается в столбце 3. Итого третья строка слева направо: «F, D, G».