Estou utilizando o visual Studio code, ele encontra a imagem no PC mas não mostra na página!! A pergunta é tenho que criar um arquivo para imagem ? ou posso utilizar do jeito que baixei do cursos?
Estou utilizando o visual Studio code, ele encontra a imagem no PC mas não mostra na página!! A pergunta é tenho que criar um arquivo para imagem ? ou posso utilizar do jeito que baixei do cursos?
Oi Urubatan!
O caminho da imagem informado no index.html
é relativo à pasta onde ele se encontra. Sendo assim, para que a sintaxe
<img src="banner.jpg" >
funcione, é necessário que banner.jpg
esteja na mesma pasta que o index.html
, desta maneira:
Ou no VSCode
Caso contrário, a imagem não aparecerá.
Tente mover a imagem para a mesma pasta do index.html
e comente aqui se deu certo! Se ainda tiver problemas, mande aqui uma foto de como está a pasta do index.html
e também o código dentro do arquivo (pode ser um print mesmo).
Espero ter ajudado!
O caminho da imagem que deve estar errado, tem que ver a pasta que ela foi salva. Sugiro que organize os arquivos do projeto em uma pasta só e crie subpastas pra cada tipo de arquivo. Ex: toda imagem ir dentro de uma pasta "Imagem". Fica mais fácil e organizado de mostrar o caminho de cada coisa.