8
respostas

Prezados, embora eu tenha tentado todos os caminhos propostos no fórum, não estou conseguindo carregar a imagem na página. Alguém pode me auxiliar? Segue meu códico:

<img src="banner.jpeg">
8 respostas

Alessandra, essa imagem você baixou do arquivo disponível na aula? Se for esse o caso, verifique a extensão da imagem (se é .jpg ou jpeg). Caso seja .jpg, ficaria <img src="banner.jpg">

Outra coisa que pode verificar é o caminho que está a imagem. As vezes a imagem pode estar dentro de um pasta como por exemplo:

img src="./assets/img/banner.jpeg"

Lembre de sempre por o caminho por completo. Espero ter ajudado.

Eu abri o arquivo, salvei ele de novo sobre o nome banner1 e ai deu certo. Entendi foi nada, mas para mim deu certo.

É muito importante que a imagem esteja dentro do mesmo nível na pasta onde está o seu arquivo HTML como estou usando o Visual Studio Code, eu tive alguns problemas com isso, os meus arquivos css tinham que estar no mesmo nível do meu html também, e no VS code abre uma aba no canto esquerdo que eu consigo ver que nível estão minhas imagens e arquivos. Outro teste que você pode fazer é pegar o endereço da imagem no seu computador copiar e colar na tag no meu caso ficaria assim: ` como exemplo

Boa tarde, Alessandra! Tudo bom? Também tive este problema. Cheguei até a reiniciar o projeto. kkk O indicado é deixar dentro da mesma pasta todos os arquivos que serão utilizados, incluindo o próprio arquivo HTML. Além disso, sempre verificar a questão ortográfica para não acabar digitando algum termo de maneira incorreta.

Se a foto já estiver na pasta em que tbm estão os arquivos HTML e CSS acho que funciona apenas colocando: nome_da_imagem.jpg Mas se a imagem estiver em outra pasta abra as propriedades da imagem e copie e cole o caminho tipo: C:\Users\fulano\Desktop\banner.jpg

Boa tarde, Alessandra! Tudo bom? No seu código, consta que a imagem está em "JPEG", mas se for a mesma disponibilizada pela Alura, ela encontra-se em "JPG". Se ela estiver no mesmo local do seu arquivo HTML, o problema pode estar realmente relacionado ao formato do arquivo.

Extensão de arquivo oculta por padrão: Não uso Windows há um bom tempo, mas lembro que ele ocultava as extensões dos arquivos por padrão. Aí quando vc baixava uma imagem, por exemplo, você ficava sem saber se era banner.jpg, banner.jpeg, banner.png ou outro formato. Acredito que isso possa atrapalhar um pouquinho quem é mais iniciante, então deixo aqui pontuado esta parte. Abraços, Ricardo =)