Questão nº 55
Questão de Suporte · FGV DPGE-RJ 2014 (nº 55)
Os navegadores Google Chrome e Internet Explorer, quando abrem, no Windows, um arquivo denominado teste.html, apresentam o texto a seguir.
Capital
Rio de Janeiro
População 16.369.179
Área (km²) 43.780,172
Municípios 92
O conteúdo desse arquivo é
- A```
<table id="sintese">
<tr><td>Capital</td></tr>
<tr><td>Rio de Janeiro</td></tr>
<tr><td>População</td></tr>
<tr><td>16.369.179</td></tr>
<tr><td>Área (km²)</td></tr>
<tr><td>43.780,172</td></tr>
<tr><td>Municípios </td></tr>
<tr><td>92</td></tr>
</table>
``` - B```
<table id="sintese">
<tr>Capital
Rio de Janeiro</tr>
<tr>População 16.369.179</tr>
<tr>Área (km²) 43.780,172</tr>
<tr>Municípios 92</tr>
</table>
``` - C```
<table id="sintese">
<tr><td>Capital</td>
<td>Rio de Janeiro</td>
<td>População</td>
<td>16.369.179</td>
<td>Área (km²)</td>
<td>43.780,172</td>
<td>Municípios </td>
<td>92</td></tr>
</table>
``` - D```
<table id="sintese">
<td>Capital</td>
<td>Rio de Janeiro</td>
<td>População</td>
<td>16.369.179</td>
<td>Área (km²)</td>
<td>43.780,172</td>
<td>Municípios </td>
<td>92</td>
</table>
``` - E```
<table id="sintese">
<tr><td>Capital</td>
<td>Rio de Janeiro</td></tr>
<tr><td>População</td>
<td>16.369.179</td></tr>
<tr><td>Área (km²)</td>
<td>43.780,172</td></tr>
<tr><td>Municípios </td>
<td>92</td></tr>
</table>
``` (alternativa correta)
Resposta comentada
Gabarito Alternativa E
HTML tables são usados para organizar dados em linhas e colunas. Um elemento `<table>` contém linhas (`<tr>`), e cada linha (`<tr>`) contém células de dados (`<td>`), que são os elementos que exibem o conteúdo. Cada `<tr>` cria uma nova linha horizontal na tabela, e os `<td>`s dentro de um `<tr>` criam células lado a lado nessa linha.
(A) Incorreta: Esta estrutura cria 8 linhas, cada uma com uma única célula. Isso faria com que cada dado (Capital, Rio de Janeiro, População, etc.) aparecesse em uma linha separada, o que não corresponde à saída fornecida para "População 16.369.179", "Área (km²) 43.780,172" e "Municípios 92", que mostram dois dados na mesma linha.
(B) Incorreta: O conteúdo de uma tabela deve estar dentro de células (`<td>`), que por sua vez estão dentro de linhas (`<tr>`). Colocar texto diretamente dentro de `<tr>` como "Capital Rio de Janeiro" é uma estrutura HTML inválida.
(C) Incorreta: Esta estrutura cria uma única linha (`<tr>`) com 8 células (`<td>`). Isso resultaria em todos os dados aparecendo em uma única linha horizontal, o que não corresponde à saída que mostra múltiplas linhas de informação.
(D) Incorreta: Elementos `<td>` (células de dados) devem sempre estar aninhados dentro de elementos `<tr>` (linhas da tabela). Esta estrutura é HTML inválida, pois os `<td>`s estão diretamente dentro do `<table>`.
(E) Correta: Esta estrutura cria uma tabela com 4 linhas (`<tr>`), e cada linha contém 2 células (`<td>`). Isso é ideal para apresentar pares de "chave-valor" (por exemplo, "Capital" e "Rio de Janeiro" como duas colunas na mesma linha). Embora a saída do problema mostre "Capital" e "Rio de Janeiro" em linhas separadas, as outras entradas ("População 16.369.179", "Área (km²) 43.780,172", "Municípios 92") claramente indicam um formato de duas colunas por linha. A inconsistência na formatação da primeira entrada na questão é uma armadilha; o padrão geral das demais entradas aponta para uma tabela de duas colunas, onde cada `<tr>` representa um par de informações.
Fonte: FGV DPGE-RJ 2014 Técnico Superior Especializado em Suporte (Caderno Tipo 1). Reproduzida para fins de estudo.