Teste seus conhecimentos em HTML com este quiz essencial! São 15 perguntas com alternativas neste quiz de html para iniciantes, respostas corretas e explicações didáticas para quem está começando no desenvolvimento web.
Se você está aprendendo HTML, nada melhor do que testar seus conhecimentos com um quiz direto ao ponto.
Este conteúdo é ideal para quem está começando no desenvolvimento web, estudando por conta própria ou fazendo cursos básicos.
Você vai encontrar aqui:
✅ 15 perguntas
✅ 4 alternativas por pergunta
✅ Resposta correta
✅ Explicação técnica e didática
🧠 Quiz de HTML para Iniciantes
1. Qual tag é usada para definir o título da página exibido na aba do navegador?
- a)
<title> - b)
<header> - c)
<meta> - d)
<head>
✅ Resposta: a) <title>
Explicação:
A tag <title> fica dentro da <head> e define o texto que aparece na aba do navegador e nos resultados de busca.
2. Qual é a tag correta para criar um link?
- a)
<a> - b)
<link> - c)
<href> - d)
<url>
✅ Resposta: a) <a>
Explicação:
A tag <a> (de “anchor”) é usada para criar hiperlinks. Ela usa o atributo href para apontar para o destino.
3. O que a tag <strong> representa?
- a) Texto sublinhado
- b) Texto importante
- c) Texto em itálico
- d) Texto centralizado
✅ Resposta: b) Texto importante
Explicação:
<strong> é usada para dar ênfase semântica ao conteúdo, indicando que o texto é importante. Visualmente, aparece em negrito.
4. Qual dessas opções cria uma lista ordenada?
- a)
<ul> - b)
<ol> - c)
<li> - d)
<dl>
✅ Resposta: b) <ol>
Explicação:
<ol> é a tag de “ordered list”, ou lista ordenada. Os itens dentro dela são definidos com <li> (list item).
5. Onde é o local correto para inserir a tag <meta charset="UTF-8">?
- a) Dentro da
<body> - b) Após o fechamento do
<html> - c) Dentro da
<head> - d) Antes da
<doctype>
✅ Resposta: c) Dentro da <head>
Explicação:
A declaração do charset deve ser colocada no <head> para informar ao navegador o padrão de codificação do documento (UTF-8).
6. Qual atributo define um texto alternativo para uma imagem?
- a)
src - b)
href - c)
alt - d)
title
✅ Resposta: c) alt
Explicação:
O atributo alt fornece uma descrição alternativa da imagem, essencial para acessibilidade e SEO.
7. Qual é a tag usada para dividir um conteúdo em blocos?
- a)
<div> - b)
<section> - c)
<break> - d)
<split>
✅ Resposta: a) <div>
Explicação:
A tag <div> é um container genérico para agrupar conteúdo e aplicar estilos com CSS. É amplamente usada na estruturação de layouts.
8. O que a tag <em> representa?
- a) Um link externo
- b) Um texto sublinhado
- c) Um texto enfatizado
- d) Um comentário
✅ Resposta: c) Um texto enfatizado
Explicação:
<em> (de “emphasis”) indica ênfase no conteúdo, aparecendo geralmente em itálico.
9. Qual é a tag correta para inserir um campo de entrada de texto em um formulário?
- a)
<text> - b)
<input type="text"> - c)
<form text> - d)
<textarea>
✅ Resposta: b) <input type="text">
Explicação:
<input type="text"> cria um campo de texto de linha única para entrada de dados.
10. O que faz a tag <br>?
- a) Cria uma borda
- b) Aplica negrito
- c) Cria uma quebra de linha
- d) Inicia uma nova seção
✅ Resposta: c) Cria uma quebra de linha
Explicação:
<br> (de “break”) insere uma quebra de linha no conteúdo, útil para textos curtos, como endereços.
11. Qual elemento define a parte principal do conteúdo de uma página?
- a)
<main> - b)
<body> - c)
<section> - d)
<article>
✅ Resposta: a) <main>
Explicação:
<main> define o conteúdo central de uma página e deve ser único. Ele ajuda na organização semântica do HTML.
12. Qual é a tag usada para agrupar elementos de navegação?
- a)
<nav> - b)
<menu> - c)
<header> - d)
<aside>
✅ Resposta: a) <nav>
Explicação:
A tag <nav> é usada para envolver links de navegação, como menus e barras de navegação.
13. Qual dessas tags é semântica?
- a)
<div> - b)
<span> - c)
<section> - d)
<font>
✅ Resposta: c) <section>
Explicação:
Tags semânticas como <section>, <article>, <main> e <footer> indicam o papel estrutural do conteúdo.
14. Como você insere um comentário no HTML?
- a)
<!-- Isso é um comentário --> - b)
// Isso é um comentário - c)
/* comentário */ - d)
# comentário
✅ Resposta: a) <!-- Isso é um comentário -->
Explicação:
Comentários em HTML usam essa sintaxe específica e não aparecem na página renderizada.
15. Qual declaração deve ser a primeira linha de um arquivo HTML5?
- a)
<html5> - b)
<!DOCTYPE html> - c)
<doctype html5> - d)
<meta charset="UTF-8">
✅ Resposta: b) <!DOCTYPE html>
Explicação:
Essa declaração informa ao navegador que o documento usa HTML5, garantindo uma renderização mais correta.
✅ Conclusão
Acertou quantas?
Esse quiz foi feito pra você revisar fundamentos e entender os porquês por trás da marcação HTML.
Faz sentido repetir com CSS e JavaScript? Já tem mais vindo aí 😎
Se tiver alguma vaga, evento ou treinamento e quiser compartilhar, me chame na DM do Instagram @casadodev 🫡
Acompanhe as novidades no nosso canal do Casa do Dev no WhatsApp:
👉 Canal da Casa do Dev no WhatsApp
Até mais galera,
Cirino
Caso queira se especializar em programação, invista em um curso com acompanhamento, e indico este Pacote Fullstack, ele é um curso super completo e vai te ajudar a aprender do zero, e você vai ter a oportunidade de ter as habilidades e práticas que o mercado procura.
Comece do absoluto zero e prepare-se para o mercado de trabalho com um curso que vai te ensinar desde lógica de programação até criar projetos e colocar no GitHub!
Veja nossas indicações de cursos de programação que compartilhei para ajudar em sua carreira, e também participe do nossos grupos da Casa do Dev. https://casado.dev/cursos/
Espero que você tenha achado interessante de ler. Ajude a manter nosso conteúdo, patrocine um conteúdo ou pague um cafézinho para este colega Dev que sempre busca compartilhar um pouco das experiências e conhecimento com vocês. Chave PIX: [email protected]
Fiquem bem.
Cirino, Casa do Dev
Criador de conteúdo Tech e fundador da Casa do Dev
[ Vagas para profissionais de Tecnologia ] https://mercadodeti.com.br
[ Instagram ] https://instagram.com/casadodev
[ Twitter ] https://twitter.com/casadodev
[ Home ] https://casado.dev
Nossa Newsletter
Você receberá conteúdos exclusivos que poderão te levar para o próximo NÍVEL na carreira!
Artigos Relacionados
Sobre o Autor
Sou o Cirino. Pai, Marido, criador de conteúdo e Mentor de Carreira Tech voluntário para apoiar pessoas que querem entrar no mercado de tecnologia,
0 Comentários