Quiz 06 - Introdução
1. Qual a tag principal usada para iniciar uma tabela no HTML?
``
``
``
` é o elemento pai de toda a estrutura tabular.*
`?
`
`?
``
*Explicação: A tag `
2. Para que serve a tag `
Para criar um link
Para definir uma linha na tabela (Table Row)
Para criar uma coluna
Para inserir um título
*Explicação: `tr` significa Table Row e agrupa as células de uma mesma linha.*
3. Qual a diferença entre `
`
` agrupa semanticamente as linhas que compõem o cabeçalho da tabela.*6. Para que serve a tag `
Para definir a cor do corpo do site
Para agrupar as linhas que contêm os dados principais da tabela
Para criar um parágrafo
Para inserir imagens
*Explicação: `tbody` define o corpo de conteúdo da tabela, separando-o do cabeçalho e rodapé.*
7. Qual tag é usada para dar um título ou legenda visível a uma tabela?
``</div>
<div class="quiz-option" data-correct="false" data-feedback="Incorreto. Tente novamente.">`<label>`</div>
<div class="quiz-option" data-correct="true" data-feedback="✅ Correto! `<caption>`">`<caption>`</div>
<div class="quiz-option" data-correct="false" data-feedback="Incorreto. Tente novamente.">`<legend>`
*Explicação: `<caption>` deve ser a primeira tag dentro de `<table>` e descreve o conteúdo da tabela.*</div>
<div class="quiz-feedback"></div>
</div>
<div class="quiz-container">
<div class="quiz-question">8. O que faz o atributo `border="1"` quando aplicado à tag `<table>`?</div>
<div class="quiz-option" data-correct="false" data-feedback="Incorreto. Tente novamente.">Muda a cor das letras para azul</div>
<div class="quiz-option" data-correct="false" data-feedback="Incorreto. Tente novamente.">Exclui a tabela do site</div>
<div class="quiz-option" data-correct="true" data-feedback="✅ Correto! Adiciona bordas visíveis às linhas e células (embora o ideal seja usar CSS)">Adiciona bordas visíveis às linhas e células (embora o ideal seja usar CSS)</div>
<div class="quiz-option" data-correct="false" data-feedback="Incorreto. Tente novamente.">Deixa a tabela invisível
*Explicação: Esse atributo é uma forma rápida de visualizar os limites da tabela durante o desenvolvimento.*</div>
<div class="quiz-feedback"></div>
</div>
<div class="quiz-container">
<div class="quiz-question">9. Qual tag agrupa as informações de rodapé da tabela (como somatórios)?</div>
<div class="quiz-option" data-correct="false" data-feedback="Incorreto. Tente novamente.">`<bottom>`</div>
<div class="quiz-option" data-correct="false" data-feedback="Incorreto. Tente novamente.">`<footer-table>`</div>
<div class="quiz-option" data-correct="true" data-feedback="✅ Correto! `<tfoot>`">`<tfoot>`</div>
<div class="quiz-option" data-correct="false" data-feedback="Incorreto. Tente novamente.">`<end>`
*Explicação: `tfoot` é usado para informações de fechamento ou resumo dos dados tabulares.*</div>
<div class="quiz-feedback"></div>
</div>
<div class="quiz-container">
<div class="quiz-question">10. Como o navegador Renderiza uma tag `<th>` por padrão?</div>
<div class="quiz-option" data-correct="false" data-feedback="Incorreto. Tente novamente.">Texto pequeno e itálico</div>
<div class="quiz-option" data-correct="true" data-feedback="✅ Correto! Texto em negrito e centralizado dentro da célula">Texto em negrito e centralizado dentro da célula</div>
<div class="quiz-option" data-correct="false" data-feedback="Incorreto. Tente novamente.">Texto vermelho e sublinhado</div>
<div class="quiz-option" data-correct="false" data-feedback="Incorreto. Tente novamente.">O navegador esconde a tag `<th>`
*Explicação: Por padrão, os navegadores aplicam um estilo de destaque aos cabeçalhos de tabela.*</div>
<div class="quiz-feedback"></div>
</div>
| ` e ` | `?
` | ` é para texto e ` | ` é para imagens
` | ` fica no final da tabela e ` | ` no início
` | ` é para dados comuns e ` | ` é para células de cabeçalho (títulos)
Não há nenhuma diferença
*Explicação: `th` (Table Header) destaca os títulos das colunas ou linhas.*
4. É correto usar tabelas para criar o layout (posicionamento de menus, colunas) do site todo?
Sim, é a forma mais moderna de fazer sites
Não, tabelas devem ser usadas apenas para dados tabulares
Sim, mas apenas se o site for simples
Depende do navegador
*Explicação: Usar tabelas para layout prejudica a acessibilidade e a manutenção. Hoje usamos CSS para isso.*
5. Qual tag deve ser usada para agrupar o cabeçalho de uma tabela complexa?
``
`
` |
|---|---|---|---|---|---|---|---|
| ` *Explicação: ` |