🧠Gabarito
Exercícios HTML com
Exercícios:
1. Qual tag usamos para agrupar conteúdos sem significado específico?
2. Qual a função da tag <section> ?
3. Qual é a tag usada para representar o menu de navegação?
4. A tag <strong> deixa o texto em qual estilo visual?
5. Qual a diferença entre <em> e <i> ?
6. Como criar uma quebra de linha sem usar parágrafo?
1. Crie um exemplo de código HTML que mostra um parágrafo e uma
imagem abaixo.
2. Como abrir um link em uma nova aba usando o atributo target ?
3. Qual atributo usamos para definir o idioma da página?
4. Crie um link para o site "[Link]" com o texto "Clique
aqui".
5. Qual tag HTML representa o rodapé da página?
6. O que acontece se esquecermos de fechar uma tag de bloco como <p> ?
7. Como inserir uma imagem de uma URL externa no HTML?
8. Quais são as três partes principais da estrutura HTML?
9. Dê um exemplo de como usar <ol> com três itens.
10. Crie uma estrutura simples com <header> , <nav> , <section> e <footer> .
11. Para que serve a tag <meta charset="UTF-8"> ?
12. Por que usamos <!DOCTYPE html> no início do documento?
13. Como destacar uma palavra importante de forma semântica no HTML?
14. O que são “elementos semânticos”? Cite 3 exemplos.
🧠 Exercícios HTML com Gabarito 1
Gabarito:
1. Resposta: <div>
(Utilizamos a tag <div> para agrupar conteúdos sem um significado
semântico específico.)
2. Resposta:
A tag <section> define uma seção temática dentro de uma página,
agrupando conteúdos relacionados para dar mais significado à estrutura do
site.
3. Resposta: <nav>
(É usada para delimitar a área de navegação, como menus e links internos.)
4. Resposta:
Visualmente, o <strong> geralmente deixa o texto em negrito, mas sua
finalidade é semântica: indicar que o conteúdo tem grande importância.
5. Resposta:
<em> indica ênfase semântica com itálico (para dar ênfase especial ao
conteúdo) enquanto <i> aplica apenas o estilo itálico sem transmitir um
significado extra.
6. Resposta:
Utilizamos a tag <br> para criar uma quebra de linha.
7. Resposta:
html
<p>Este é um parágrafo.</p>
<img src="[Link]" alt="Descrição da imagem">
(O parágrafo é exibido e, logo abaixo, a imagem.)
1. Resposta:
Inclua o atributo target="_blank" no link.
Exemplo: <a href="[Link]" target="_blank">Link</a>
2. Resposta:
O atributo lang na tag <html> .
🧠 Exercícios HTML com Gabarito 2
Exemplo: <html lang="pt">
1. Resposta:
html
<a href="[Link] aqui</a>
(Lembre-se de incluir o protocolo, como “[Link]
1. Resposta: <footer>
(Representa o rodapé da página.)
2. Resposta:
Se esquecer de fechar uma tag de bloco, o navegador tentará corrigir
automaticamente o erro, o que pode resultar em problemas de formatação
e estrutura da página.
3. Resposta:
Utilizando a tag <img> com a URL externa no atributo src .
Exemplo: <img src="[Link] alt="Descrição">
4. Resposta:
As três partes principais da estrutura HTML são:
<html> (a raiz do documento)
<head> (contém metadados, título, links para CSS e scripts)
<body> (contém o conteúdo visível na página)
1. Resposta:
html
<ol>
<li>Item 1</li>
<li>Item 2</li>
<li>Item 3</li>
</ol>
(Cria uma lista ordenada com três itens.)
🧠 Exercícios HTML com Gabarito 3
1. Resposta:
html
<header>
<h1>Cabeçalho</h1>
</header>
<nav>
<a href="#home">Home</a> | <a href="#contato">Contato</a>
</nav>
<section>
<p>Conteúdo principal aqui.</p>
</section>
<footer>
<p>Rodapé da página.</p>
</footer>
1. Resposta:
A tag <meta charset="UTF-8"> define a codificação de caracteres do documento,
permitindo que acentos e caracteres especiais sejam exibidos
corretamente.
2. Resposta:
Utilizamos <!DOCTYPE html> para informar ao navegador que estamos usando
HTML5, garantindo que a página seja interpretada conforme os padrões
modernos.
3. Resposta:
Você pode destacar uma palavra importante utilizando <strong> para dar
ênfase semântica (que geralmente exibe o texto em negrito) ou <em> para
itálico com ênfase.
4. Resposta:
Elementos semânticos são aqueles que indicam o significado do conteúdo
que englobam, melhorando a compreensão tanto para desenvolvedores
quanto para mecanismos de busca.
Exemplos: <header> , <nav> , <footer> , <section> , <article> .
🧠 Exercícios HTML com Gabarito 4