Questão de Web Design · FGV TJAM 2013 (nº 41)

Tabelas HTML são estruturas usadas para exibir dados em linhas (<tr>) e colunas (<td>). Os atributos colspan e rowspan permitem que uma célula ocupe o espaço de múltiplas colunas (horizontalmente) ou múltiplas linhas (verticalmente), respectivamente.

• (A) Correta: O código define uma tabela com 3 colunas. Na primeira linha, a célula "A" usa colspan="2", ocupando as duas primeiras colunas, seguida pela célula "B" na terceira coluna. Na segunda linha, a célula "C" usa rowspan="2", ocupando a primeira coluna da segunda e terceira linhas, seguida por "D" e "E" nas colunas 2 e 3. Na terceira linha, como "C" já ocupa a primeira coluna, as células "F" e "G" preenchem as colunas 2 e 3, respectivamente. Essa estrutura corresponde exatamente à imagem da alternativa A.
• (B) Incorreta: Esta alternativa ignora completamente os atributos colspan e rowspan. A célula "A" deveria ocupar duas colunas, e a célula "C" deveria ocupar duas linhas, o que não acontece nesta representação. Esta é a armadilha da banca, pois desconsidera os atributos de mesclagem de células, um erro comum para quem não compreende bem colspan e rowspan.
• (C) Incorreta: Assim como a alternativa B, esta representação não aplica corretamente os atributos colspan e rowspan, mostrando uma tabela simples sem células mescladas.
• (D) Incorreta: A estrutura desta tabela está completamente diferente da esperada, com um número incorreto de linhas e colunas e uma distribuição de células que não reflete o uso de colspan e rowspan.
• (E) Incorreta: Esta alternativa também apresenta uma estrutura de tabela que não corresponde ao código HTML, com uma disposição de células e uso de colspan/rowspan incorretos.