Instruções

Depurar uma Página de Adoção de Animais

Sally, proprietária de uma loja de adoção de animais de estimação, criou sua primeira página web, mas há alguns problemas. Seu trabalho é corrigir todos os erros para que a Sally possa continuar construindo sua página. Objetivo: Cumprir as user stories abaixo e fazer todos os testes passarem para completar o laboratório. Histórias de Usuário: 1. Sally quer usar uma imagem de alguns gatos, mas ela não está sendo exibida corretamente. Você precisará corrigir o seguinte no elemento img:
  • Substitua o atributo href pelo atributo correto para a fonte da imagem.
  • Substitua o atributo att pelo atributo correto que representa um texto curto e descritivo para imagens.
  • Remova a tag de fechamento </img> porque os elementos img são elementos void e não possuem tags de fechamento.
2. Sally quer usar alguns links para direcionar os usuários para as páginas de cachorro e gato. Mas os links não estão funcionando corretamente. Você precisará corrigir o seguinte nos elementos a:
  • Substitua ambos os atributos src pelos atributos corretos usados para especificar URLs.

O que fazer:

Testes:

  • Seu elemento `img` deve ter um atributo `src` em vez do atributo `href`.
  • Seu elemento `img` deve ter um atributo `alt` em vez do atributo inexistente `att`.
  • Seu elemento `img` não deve ter uma tag de fechamento `</img>`.
  • Seu elemento `a` com o texto `Visit cats page` precisa ter um atributo `href` em vez de um atributo `src`.
  • Seu elemento `a` com o texto `Visit dogs page` precisa ter um atributo `href` em vez de um atributo `src`.

Preview