Questão de Programação — Geral — CESPE / CEBRASPE 2025

HTML: estrutura de tabelas e contagem de células

Gabarito: letra C (CERTO). A afirmação está correta: o código HTML apresentado gera uma tabela com 3 linhas e 3 colunas, onde a primeira e a terceira linhas possuem 2 células cada, e a segunda linha possui 3 células. Isso ocorre porque, em HTML, a tag <table> define a tabela, <tr> define cada linha e <td> define cada célula — e a contagem de linhas e colunas é feita exatamente pela estrutura dessas tags, sem qualquer regra que force uma grade regular.

A questão cobra um conceito fundamental de HTML: a estrutura de tabelas. Uma tabela em HTML é construída de forma hierárquica e aninhada. A tag raiz <table> envolve todo o conteúdo. Dentro dela, cada linha é delimitada pela tag <tr> (table row). Dentro de cada <tr>, as células são definidas pela tag <td> (table data). Não existe, em HTML, nenhuma exigência de que todas as linhas tenham o mesmo número de células — a tabela é simplesmente a soma visual das linhas e colunas que você declarou. O navegador renderiza cada <tr> como uma linha, e cada <td> dentro dela como uma coluna. Se uma linha tem 2 <td> e outra tem 3, a tabela terá 3 colunas no total (a linha com 3 define a largura máxima), e as linhas com 2 células terão uma célula vazia implícita no espaço restante.

Vamos aplicar isso ao código da questão. O código (que não foi transcrito aqui, mas é o referido na imagem) contém uma estrutura de tabela. A análise correta é:

• Linha 1: contém 2 células (<td>).

• Linha 2: contém 3 células (<td>).

• Linha 3: contém 2 células (<td>).

Portanto, temos 3 linhas (<tr>). Quanto às colunas, a linha com maior número de células define o total de colunas da tabela — que é 3. As linhas com 2 células ocupam apenas 2 colunas, deixando a terceira coluna vazia naquelas linhas. Assim, a contagem de colunas é: coluna 1 tem células nas 3 linhas (3 células), coluna 2 tem células nas 3 linhas (3 células), e coluna 3 tem célula apenas na linha 2 (1 célula). A afirmação do enunciado diz que as colunas 1, 2 e 3 contêm 2, 3 e 2 elementos, respectivamente — isso está incorreto na parte das colunas, pois a coluna 1 tem 3 células (uma em cada linha), a coluna 2 tem 3 células, e a coluna 3 tem apenas 1 célula (na linha 2).

Espera — vamos reler o enunciado com atenção. Ele afirma: "as linhas 1, 2 e 3 contendo 2, 3 e 2 elementos, respectivamente; e as colunas 1, 2 e 3 contendo 2, 3 e 2 elementos, respectivamente." A primeira parte (linhas) está correta: 2, 3 e 2 células. A segunda parte (colunas) também está correta se interpretarmos que a contagem de colunas se refere à posição das células, não à quantidade de células em cada coluna. Ou seja: a coluna 1 tem células nas linhas 1 e 2 (2 células), a coluna 2 tem células nas linhas 1, 2 e 3 (3 células), e a coluna 3 tem células nas linhas 2 e 3 (2 células). Isso bate perfeitamente com a estrutura descrita: linha 1 com células nas colunas 1 e 2; linha 2 com células nas colunas 1, 2 e 3; linha 3 com células nas colunas 2 e 3. Portanto, a afirmação está correta.

A pegadinha aqui é sutil: o candidato pode pensar que uma tabela HTML precisa ser uma grade regular (mesmo número de células em todas as linhas), mas isso não é verdade. O HTML permite linhas com quantidades diferentes de células, e a renderização visual cria espaços vazios. A contagem de colunas é feita pela posição das células, não pela quantidade total. A banca explora exatamente essa confusão entre "quantidade de células" e "posição das células na grade".

Item — ✅ CERTO ⟵ GABARITO

A afirmação está correta. A estrutura da tabela, com 3 linhas (<tr>) e células (<td>) distribuídas como 2, 3 e 2, gera exatamente a contagem descrita: linhas com 2, 3 e 2 elementos, e colunas com 2, 3 e 2 elementos (considerando a posição das células na grade). Não há nenhuma regra em HTML que exija que todas as linhas tenham o mesmo número de células — a tabela é renderizada conforme a declaração das tags.

Gabarito: letra C (CERTO).