✍️Mão na Massa
📚 Exercício de Revisão – HTML: Imagens
✅ Parte 1: Questões Objetivas
1. Qual das alternativas representa corretamente a inserção de uma imagem com texto alternativo?
A) <image src="foto.jpg" alt="Descrição">
B) <img href="foto.jpg" texto="Descrição">
C) <img src="foto.jpg" alt="Descrição">
D) <src img="foto.jpg" alt="Descrição">
2. O atributo alt na tag <img> é utilizado para:
A) Aplicar filtros visuais na imagem B) Exibir uma legenda abaixo da imagem C) Indicar o tipo de arquivo da imagem D) Exibir um texto alternativo se a imagem não carregar
3. Qual das opções insere uma imagem e a redimensiona para 200 pixels de largura?
A) <img src="exemplo.jpg" size="200">
B) <img src="exemplo.jpg" largura="200">
C) <img src="exemplo.jpg" width="200">
D) <img src="exemplo.jpg" zoom="200">
4. Qual é o resultado se o atributo src estiver incorreto?
A) O navegador fecha a aba
B) Nada acontece e a imagem não aparece
C) O atributo alt é exibido no lugar da imagem
D) A imagem aparece com marca d’água
5. O que acontece se você esquecer de incluir o atributo alt em uma imagem?
A) A imagem não será exibida B) O HTML não funcionará corretamente C) Os leitores de tela não terão uma descrição da imagem D) A imagem será exibida com erro
🛠️ Parte 2: Questões Práticas
6. Complete o código para exibir uma imagem chamada montanha.jpg com largura de 300px e texto alternativo “Paisagem com montanhas”.
htmlCopiarEditar<___ src="___________" alt="________________________" width="___">7. Escreva o código HTML para exibir duas imagens, uma de arquivo local (logo.png) e outra vinda da internet (https://exemplo.com/banner.jpg), ambas com textos alternativos adequados.
8. Explique a importância do atributo alt em termos de:
Acessibilidade
Experiência do usuário
SEO (otimização para mecanismos de busca)
Last updated