“Prova de HTML para o 3º Ano do Ensino Médio: 20 Questões”

Publicado em por

Tema: HTML
Etapa/Série: 3º ano – Ensino Médio
Disciplina: Formação Técnica e Profissional
Questões: 20

Prova de HTML – 3º Ano do Ensino Médio

Planejamentos de Aula BNCC Infantil e Fundamental

## Questões

### Questão 1: Múltipla escolha

1. Qual é a estrutura básica de um documento HTML?

a) `

`

b) ` `

c) ` `

d) ` `

—

### Questão 2: Verdadeiro ou Falso

2. O elemento `` deve ser colocado dentro da tag “.</p> <p>(V) Verdadeiro</p> <p>(F) Falso </p> <p></p> <p>—</p> <p></p> <p>### Questão 3: Completar</p> <p><strong>3.</strong> Complete a frase: A tag `<img>` é utilizada para _______ no HTML e deve conter o atributo _______ para especificar a origem da imagem. </p> <p></p> <p>—</p> <p></p> <p>### Questão 4: Múltipla escolha</p> <p><strong>4.</strong> Qual tag é usada para criar um link em HTML?</p> <p>a) “</p> <p>b) `<a>`</p> <p>c) “</p> <p>d) “ </p> <p></p> <p>—</p> <p></p> <p>### Questão 5: Dissertativa</p> <p><strong>5.</strong> Explique a função da tag “ em um documento HTML e cite pelo menos dois atributos que podem ser utilizados com ela. </p> <p></p> <p>—</p> <p></p> <p>### Questão 6: Múltipla escolha</p> <p><strong>6.</strong> Para criar uma lista não ordenada, qual tag é utilizada?</p> <p>a) `</p> <p></p> <ol>`</p> <p>b) `</p> <p></p> <ul>`</p> <p>c) “</p> <p>d) “ </p> <p></p> <p>—</p> <p></p> <p>### Questão 7: Verdadeiro ou Falso</p> <p><strong>7.</strong> É possível aninhar elementos HTML, ou seja, colocar uma tag dentro de outra.</p> <p>(V) Verdadeiro</p> <p>(F) Falso </p> <p></p> <p>—</p> <p></p> <p>### Questão 8: Completar</p> <p><strong>8.</strong> No HTML, a tag `</p> <p></p> <div>` é utilizada para _______ e pode ser estilizada usando o atributo _______. </p> <p></p> <p>—</p> <p></p> <p>### Questão 9: Múltipla escolha</p> <p><strong>9.</strong> Como se cria um campo de texto em um formulário HTML?</p> <p>a) “</p> <p>b) “</p> <p>c) “</p> <p>d) “ </p> <p></p> <p>—</p> <p></p> <p>### Questão 10: Dissertativa</p> <p><strong>10.</strong> Quais são as principais diferenças entre as tags `</p> <p></p> <section>`, `</p> <p></p> <article>` e `</p> <p></p> <aside>` no HTML5? </p> <p></p> <p>—</p> <p></p> <p>### Questão 11: Múltipla escolha</p> <p><strong>11.</strong> Para adicionar uma folha de estilo externa em um documento HTML, qual atributo deve ser usado?</p> <p>a) `src`</p> <p>b) `style`</p> <p>c) `href`</p> <p>d) `link` </p> <p></p> <p>—</p> <p></p> <p>### Questão 12: Verdadeiro ou Falso</p> <p><strong>12.</strong> O HTML é uma linguagem de programação.</p> <p>(V) Verdadeiro</p> <p>(F) Falso </p> <p></p> <p>—</p> <p></p> <p>### Questão 13: Completar</p> <p><strong>13.</strong> A tag `</p> <p></p> <table>` é utilizada para criar _______ e deve ser acompanhada pelas tags _______ e _______ para definir linhas e colunas. </p> <p></p> <p>—</p> <p></p> <p>### Questão 14: Múltipla escolha</p> <p><strong>14.</strong> Qual atributo é utilizado para definir um identificador único de um elemento em HTML?</p> <p>a) `id`</p> <p>b) `class`</p> <p>c) `name`</p> <p>d) `className` </p> <p></p> <p>—</p> <p></p> <p>### Questão 15: Dissertativa</p> <p><strong>15.</strong> Explique o que são atributos em HTML e forneça exemplos de três atributos comuns que podem ser usados em diferentes elementos. </p> <p></p> <p>—</p> <p></p> <p>### Questão 16: Múltipla escolha</p> <p><strong>16.</strong> A tag `</p> <p></p> <header>` é usada com qual finalidade?</p> <p>a) Criar um rodapé</p> <p>b) Definir a seção principal do documento</p> <p>c) Agrupar informações de cabeçalho, como o título e a navbar</p> <p>d) Atualizar o conteúdo da página </p> <p></p> <p>—</p> <p></p> <p>### Questão 17: Verdadeiro ou Falso</p> <p><strong>17.</strong> O HTML5 introduziu novas tags semânticas que melhoram a estrutura e a acessibilidade dos documentos.</p> <p>(V) Verdadeiro</p> <p>(F) Falso </p> <p></p> <p>—</p> <p></p> <p>### Questão 18: Completar</p> <p><strong>18.</strong> Em HTML, as tabelas são definidas pela tag _______ e cada célula de uma tabela é criada com a tag _______. </p> <p></p> <p>—</p> <p></p> <p>### Questão 19: Múltipla escolha</p> <p><strong>19.</strong> Qual das opções a seguir é uma prática recomendada para otimizar imagens em HTML?</p> <p>a) Usar sempre a tag `<img>` sem atributos</p> <p>b) Não usar atributos `alt`</p> <p>c) Redimensionar imagens antes de carregá-las</p> <p>d) Usar imagens em formatos pesados </p> <p></p> <p>—</p> <p></p> <p>### Questão 20: Dissertativa</p> <p><strong>20.</strong> Discuta a importância e os benefícios da utilização do HTML semântico em desenvolvimento web. </p> <p></p> <p>—</p> <p></p> <p>## Gabarito Detalhado</p> <p></p> <p>### Questão 1:</p> <p><strong>Resposta correta: b)</strong> ` `.</p> <p>*Justificativa: Esta é a estrutura básica de um documento HTML, onde “ encapsula o conteúdo, “ contém metadados e “ inclui o conteúdo visível ao usuário.*</p> <p></p> <p>—</p> <p></p> <p>### Questão 2:</p> <p><strong>Resposta correta: (F)</strong> Falso.</p> <p>*Justificativa: A tag `<title>` deve estar dentro da tag “, não no “, pois define o título da página.*</p> <p></p> <p>—</p> <p></p> <p>### Questão 3:</p> <p><strong>Resposta correta:</strong> A tag `<img>` é utilizada para <strong>inserir imagens</strong> no HTML e deve conter o atributo <strong>src</strong> para especificar a origem da imagem.</p> <p>*Justificativa: O atributo `src` é essencial para que o navegador saiba de onde carregar a imagem.*</p> <p></p> <p>—</p> <p></p> <p>### Questão 4:</p> <p><strong>Resposta correta: b)</strong> `<a>`.</p> <p>*Justificativa: A tag `<a>` é utilizada para criar links, sendo o atributo `href` que define o endereço do link.*</p> <p></p> <p>—</p> <p></p> <p>### Questão 5:</p> <p>*Resposta esperada: O aluno deve mencionar a função da tag “, que é fornecer informações sobre a página, e citar atributos como `charset` e `name`.</p> <p>*Justificativa: A tag “ é crucial para SEO e compatibilidade com navegadores.*</p> <p></p> <p>—</p> <p></p> <p>### Questão 6:</p> <p><strong>Resposta correta: b)</strong> `</p> <p></p> <ul>`.</p> <p>*Justificativa: A tag `</p> <p></p> <ul>` é utilizada para listas não ordenadas, enquanto `</p> <p></p> <ol>` é para listas ordenadas.*</p> <p></p> <p>—</p> <p></p> <p>### Questão 7:</p> <p><strong>Resposta correta: (V)</strong> Verdadeiro.</p> <p>*Justificativa: HTML permite o aninhamento de tags, uma prática comum ao construir a estrutura da página.*</p> <p></p> <p>—</p> <p></p> <p>### Questão 8:</p> <p><strong>Resposta correta:</strong> A tag `</p> <p></p> <div>` é utilizada para <strong>agrupar elementos</strong> e pode ser estilizada usando o atributo <strong>class</strong> ou <strong>id</strong>.</p> <p>*Justificativa: As divs são importantes para estilização e organização do conteúdo.*</p> <p></p> <p>—</p> <p></p> <p>### Questão 9:</p> <p><strong>Resposta correta: a)</strong> “.</p> <p>*Justificativa: Essa configuração cria um campo de texto em um formulário HTML.*</p> <p></p> <p>—</p> <p></p> <p>### Questão 10:</p> <p>*Resposta esperada: O aluno deve explicar as diferenças, como a função de `</p> <p></p> <section>` agrupar conteúdo relacionado, `</p> <p></p> <article>` para conteúdos independentes e `</p> <p></p> <aside>` para tangentes ao conteúdo principal.*</p> <p>*Justificativa: As tags semânticas melhoram a estrutura e a compreensão de documentos HTML.*</p> <p></p> <p>—</p> <p></p> <p>### Questão 11:</p> <p><strong>Resposta correta: c)</strong> `href`.</p> <p>*Justificativa: O atributo `href` nos permite vincular uma folha de estilo externa ao documento HTML.*</p> <p></p> <p>—</p> <p></p> <p>### Questão 12:</p> <p><strong>Resposta correta: (F)</strong> Falso.</p> <p>*Justificativa: HTML é uma linguagem de marcação, não de programação, pois não possui lógica de controle.*</p> <p></p> <p>—</p> <p></p> <p>### Questão 13:</p> <p><strong>Resposta correta:</strong> A tag `</p> <p></p> <table>` é utilizada para criar <strong>tabelas</strong> e deve ser acompanhada pelas tags <strong>`</p> <p></p> <tr>`</strong> (para linhas) e <strong>`</p> <p></p> <td>`</strong> (para células).</p> <p>*Justificativa: Essas tags são fundamentais na definição da estrutura da tabela.*</p> <p></p> <p>—</p> <p></p> <p>### Questão 14:</p> <p><strong>Resposta correta: a)</strong> `id`.</p> <p>*Justificativa: O atributo `id` é utilizado para identificar de forma única um elemento no documento HTML.*</p> <p></p> <p>—</p> <p></p> <p>### Questão 15:</p> <p>*Resposta esperada: O aluno deve explicar o conceito de atributos, com exemplos como `src`, `href` e `alt` que são amplamente utilizados em diferentes elementos de HTML.*</p> <p>*Justificativa: Atributos são fundamentais para definir características dos elementos HTML.*</p> <p></p> <p>—</p> <p></p> <p>### Questão 16:</p> <p><strong>Resposta correta: c)</strong> Agrupar informações de cabeçalho, como o título e a navbar.</p> <p>*Justificativa: A tag `</p> <p></p> <header>` é utilizada para definir o cabeçalho de um documento ou seção.*</p> <p></p> <p>—</p> <p></p> <p>### Questão 17:</p> <p><strong>Resposta correta: (V)</strong> Verdadeiro.</p> <p>*Justificativa: O HTML5 introduziu novas tags semânticas que ajudam na acessibilidade e compreensão do conteúdo.*</p> <p></p> <p>—</p> <p></p> <p>### Questão 18:</p> <p><strong>Resposta correta:</strong> As tabelas são definidas</p> <p></h2> <button class="denunciar-erro">Denunciar erro</button><div class='code-block code-block-2' style='margin: 8px auto; text-align: center; display: block; clear: both;'> <br> <script async src="https://pagead2.googlesyndication.com/pagead/js/adsbygoogle.js?client=ca-pub-6501904537159187" crossorigin="anonymous"></script> <!-- APÓS CONTEÚDO - PLANEJAMENTOSDEAULA --> <ins class="adsbygoogle" style="display:block" data-ad-client="ca-pub-6501904537159187" data-ad-slot="9064807507" data-ad-format="auto" data-full-width-responsive="true"></ins> <script> (adsbygoogle = window.adsbygoogle || []).push({}); </script> <!-- Meta Pixel Code --> <script> !function(f,b,e,v,n,t,s) {if(f.fbq)return;n=f.fbq=function(){n.callMethod? n.callMethod.apply(n,arguments):n.queue.push(arguments)}; if(!f._fbq)f._fbq=n;n.push=n;n.loaded=!0;n.version='2.0'; n.queue=[];t=b.createElement(e);t.async=!0; t.src=v;s=b.getElementsByTagName(e)[0]; s.parentNode.insertBefore(t,s)}(window, document,'script', 'https://connect.facebook.net/en_US/fbevents.js'); fbq('init', '2321909401512596'); fbq('track', 'PageView'); </script> <noscript><img height="1" width="1" style="display:none" src="https://www.facebook.com/tr?id=2321909401512596&ev=PageView&noscript=1" /></noscript> <!-- End Meta Pixel Code --></div> <div class='code-block code-block-5' style='margin: 8px 0; clear: both;'> <!DOCTYPE html> <html lang="pt-BR"> <head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <title>Botões de Compartilhamento Social