Oi Guilherme! Como vai?
Pelo que você descreveu e mostrou nas imagens, o problema com o não carregamento das imagens parece estar relacionado ao caminho relativo usado na tag <img>
. No seu código, você está usando:
<img src="./assets/logo.png" alt="Logotipo do Petpark" />
<img src="./assets/icones/login.png" alt="ícone de login" />
No entanto, o caminho correto deve ser diferente de acordo com a sua estrutura de pastas.
Sendo assim, como o arquivo index.html
está na raiz, o caminho certo para a logo seria:
<img src="assets/logo.png" alt="Logotipo do Petpark" />
Ou seja, sem o ./
no início, pois isso não é necessário nesse contexto e pode confundir o navegador.
Dica: Ao lidar com caminhos em HTML, sempre verifique a posição do arquivo atual em relação ao recurso. Para confirmar, você pode clicar com o botão direito no arquivo da imagem dentro do VS Code e selecionar "Copy Relative Path".
Espero que isso ajude a resolver o problema das imagens!
Conte com o apoio da comunidade Alura na sua jornada. Abraços e bons estudos!