Solucionado
Olá, boa tarde ! No que se refere a aula de preparação para o cabeçalho, eu segui as instruções do professor. Entretanto, o meu código se encontra na forma acima, assim, apesar de buscar por erros, infelizmente, não encontrei, assim, alguém poderia me informar onde eu estou errando ?
Ademais, ambiente de meu Visual Studio Code se encontra organizado na forma acima.
Olá, boa tarde a todos ! Então, no que se refere ao meu problema acima, eu consegui resolvê-lo, eu apenas coloquei o estilo.css dentro de css. Entretanto, as imagens não foram exibidas, paralelamente, eu não entendo por que as imagens não carregaram.
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!