Olá pessoal, não consigo fazer a imagem aparecer na pagina. E no console fala que ela teve falha ao carregar o recurso.
Você está vendo a versão anterior da nova experiência da Alura que estamos preparando para você. Em breve, ela ganha uma identidade visual novinha totalmente pensada em potencializar seus estudos!
Solucionado
Olá pessoal, não consigo fazer a imagem aparecer na pagina. E no console fala que ela teve falha ao carregar o recurso.
Oi Marco, tudo bem contigo? Manda um print ou uma parte do código pra eu dar uma olhada.
Oi Kelwin, tudo bem. E com você?
Ai esta os prints dos códigos e do resultado no navegador. Obrigado!
Oi Marco, daqui o código parece ok. A imagem está no mesmo diretório do projeto?
Oi Laira, eu tenho uma pasta com o nome do curso onde esta salvo o index e nessa pasta tem uma pasta onde esta a imagem.
Creio que seja porque a imagem está em uma pasta separada, você tem que descrever todo o caminho do repositório.
Oi Erick, agora eu coloquei a imagem na mesma pasta do index e continua com o mesmo problema.
Ola, boa tarde Marco, confere se o nome da imagem está correto ou manda print da pasta aonde a imagem está, mais fácil pra gente poder te ajudar.
Boa noite Alison.
Bom dia Marco, tudo bem? Altera o nome da imagem apenas para "banner" e testa para ver se funciona, não mexe no código, só muda o nome da imagem.
Olá Marco, bom dia!
Tenta criar uma pasta dentro da mesma pasta que está index.html (geralmente usam images). Dentro dela, coloca a imagem.
A sua tag img ficara:
img src="/images/banner.jpg" alt="Seu texto alternativo" /> (retirei a tag completa pois o Alura reconheceu como imagem, mas seria isso:
Sendo "produtos-final_01" o nome da sua imagem :)
Caso não funcione, mude o nome da imagem e veja no código. Lembre-se sempre de colocar a extensão da imagem (png, jpg etc..)
Abraços!
Marco Aurélio, pelo que eu percebi o seu windows não está com a opção de mostrar a extensão do arquivo, talvez você mesmo assim (suposição) tenha renomeado o arquivo para banner.jpg, mas como a extensão não está sendo mostrada então o nome original completo deve estar como banner.jpg.jpg. Aconselho você alterar para poder visualizar as extensões nas configurações de pasta no Painel de controle.
Boa tarde galera, deu certo aqui! O meu Windows realmente não estava mostrando a extensão do arquivo. Muito obrigado todos vocês!
Boa tarde galera, deu certo aqui! O meu Windows realmente não estava mostrando a extensão do arquivo. Muito obrigado todos vocês!
O meu esta co mesmo problema e ainda nao aparece a imagem
Mayara, seria bacana se você mandasse também o seu CSS para eu conseguir dar uma avaliada, mas vendo daqui me parece que tem um erro no seu HTML no seguinte trecho:
CSS
<img id="Banner" src="Banner.jpg>"Você colocou o fechamento da tag dentro dos parênteses, o certo seria:
CSS
<img id="Banner" src="Banner.jpg">Alan, muito obrigado,
Esse simples detalhe eu não tinha notado. Coloquei as aspas para dentro da tag conforme voce indicou e deu certo, a imagem carregou?Deus abencoe.