1
resposta

Codigo disponibilizado ERRADO

Tive que ir na aula 4 para poder pegar o codigo funcionando da aula 3 e descobrir o que havia errado, pois ao colar o codigo e abrir o index no navegador, não funcionava como o professor demonstrava. O codigo disponibilizado na aula 3, onde há imagens, não foi fechado em nenhuma das linhas. Exemplo : <img class="populares__card___imagem" src="./assets/img/fortnite.jpg"></img> o </img> não esta em nenhuma parte do codigo. NA IMAGEM MOSTRO O CODIGO DA AULA 4 E AO LADO O CODIGO DISPONIBILIZADO POR VOCÊS. Insira aqui a descrição dessa imagem para ajudar na acessibilidade

1 resposta

Olá Douglas, tudo bem?

A tag <img> é classificada como uma tag de auto-fechamento, isso significa que não é necessário a inserção de uma nova tag (</img>) para fechar e fazer com que funcione, essa colocação é algo opcional e não determinante. Caso queira saber mais sobre tags de auto fechamento, dê uma olhadinha nesse tópico que respondi aqui.

Quando uma imagem não abre no navegador, geralmente está relacionado a localização do arquivo, ou seja, quando ao tentar acessar esse arquivo no HTML a referência do caminho não é feita corretamente e/ou há um erro de sintaxe no código.

Acredito que tenha sido isso que ocorreu e ao baixar e copiar o código na aula 4, foi corrigido e acabou passando despercebido onde estava o erro.

Espero ter ajudado, em caso de dúvida fique a vontade para perguntar. Bons estudos!