Questão de Programação — Linguagens de marcação — INSTITUTO AOCP 2025

HTML5: Elementos de Tabela

Gabarito: letra D. O elemento <tfoot> é o rodapé de uma tabela em HTML5, usado para agrupar linhas de resumo ou estatísticas, como o total de cursos. As demais alternativas representam outros elementos estruturais da tabela: <th> (célula de cabeçalho), <tr> (linha), <tbody> (corpo) e <thead> (cabeçalho).

O HTML5 define uma estrutura semântica para tabelas, dividindo-as em três seções principais: cabeçalho (<thead>), corpo (<tbody>) e rodapé (<tfoot>). Essa divisão permite que navegadores e tecnologias assistivas compreendam melhor o conteúdo, além de facilitar a estilização e a impressão de tabelas longas. O <tfoot> deve vir após o <thead> e o <tbody> na ordem do documento, embora o navegador o renderize no final da tabela.

Na prática, ao criar uma tabela de cursos do IFMS, você poderia usar <tfoot> para exibir o total de cursos oferecidos, como no exemplo:

<table>
  <thead>
    <tr><th>Curso</th><th>Duração</th></tr>
  </thead>
  <tbody>
    <tr><td>Informática</td><td>3 anos</td></tr>
    <tr><td>Administração</td><td>3 anos</td></tr>
  </tbody>
  <tfoot>
    <tr><td>Total de cursos</td><td>2</td></tr>
  </tfoot>
</table>

A distinção entre os elementos é essencial: <thead> agrupa as linhas de cabeçalho (geralmente com <th>), <tbody> agrupa as linhas de dados, e <tfoot> agrupa as linhas de resumo. Enquanto <tr> define uma linha genérica, <th> define uma célula de cabeçalho (com formatação padrão em negrito e centralizado).

A pegadinha desta questão é confundir <tfoot> com <thead> ou <tbody>. O candidato pode lembrar que "foot" significa "pé" (rodapé), enquanto "head" significa "cabeça" (cabeçalho). Além disso, é comum esquecer que <tfoot> existe e tentar usar <tr> ou <td> para o rodapé, mas a semântica correta é o elemento dedicado.

Guarde a estrutura: <table> → <thead> → <tbody> → <tfoot>. É exatamente essa hierarquia que as alternativas exploram.

Alternativa A — ❌ Incorreta

<th> define uma célula de cabeçalho (table header), usada dentro de <thead> ou <tr> para títulos de colunas ou linhas. Não é um elemento de seção da tabela, mas sim uma célula específica. A banca troca o elemento de seção pelo elemento de célula.

Alternativa B — ❌ Incorreta

<tr> define uma linha da tabela (table row), usada para agrupar células (<td> ou <th>). Não representa o rodapé, mas sim uma linha genérica que pode estar em qualquer seção. A banca troca o elemento de seção pelo elemento de linha.

Alternativa C — ❌ Incorreta

<tbody> define o corpo da tabela (table body), agrupando as linhas de dados principais. É a seção que contém o conteúdo central, não o rodapé. A banca troca o rodapé pelo corpo, que é a seção mais comum e por isso atrai o candidato.

Alternativa D — ✅ Correta ⟵ GABARITO

<tfoot> é o elemento HTML5 que define o rodapé da tabela (table footer), usado para agrupar linhas de resumo, totais ou outras estatísticas. É exatamente o que o enunciado pede: "definir o rodapé dessa tabela". A palavra "foot" remete a "pé", ou seja, a parte inferior da tabela.

Alternativa E — ❌ Incorreta

<thead> define o cabeçalho da tabela (table head), agrupando as linhas de título. É a seção superior, não o rodapé. A banca troca o rodapé pelo cabeçalho, explorando a confusão entre "head" (cabeça) e "foot" (pé).

Gabarito: letra D