Solucionado (ver solução)

Importante

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
(ver solução)
24
respostas

Imagem não aparece na página do HTML

Boa Tarde!

As tags estão corretas, mas a imagem não carrega.

<html>

<head>
    <meta charset="UTF-8">
    <title>Produtos - Barbearia Alura</title>
    <link rel="stylesheet"href="produtos.css">
</head>
<body>
    <header>
        <h1><img src="logo.png"></h1>
    </header>
</body>
24 respostas

Oi Edson, tudo bem?

A imagem está solta na pasta do projeto? Ou está dentro de outra pasta?

É preciso indicar o caminho correto da imagem para que ela apareça. Todos os arquivos do projeto devem estar na mesma pasta.

Verifica, por favor.

Um abraço e bons estudos.

Boa Tarde Lorena

A imagem está dentro da pasta curso na área de trabalho: coloquei:

mas ainda não deu certo

alterei o código para:

ainda não deu certo

solução!

Estou com o mesmo problema mas com o link, não consigo fazer o link, diz que não é possível acessar o arquivo.

coloquei dentro da pasta curso, mas ainda não deu certo. Não sei o que tem de errado

<head>
    <meta charset="UTF-8">
    <title>Produtos - Barbearia Alura</title>
    <link rel="stylesheet"href="produtos.css">
</head>
<body>
    <header>
        <h1><img src="curso/logo.png"></h1>
        <ul>
            <li><a href="index.html">Home</a></li>
            <li><a href="Produtos.html">Produtos</a></li>
            <li><a href="contato.html">Contato</a></li>
        </ul>
    </header>
</body>

Estou tentando mas ainda não conseguir carregar a imagem na página

Eu encontrei uma alternativa, como achar o local, clica com o botão direito do mouse e vai nas propriedades e copia o local e depois coloca /index.html essa foi a forma que eu achei quebrando a cabeça aqui!!!!!

Boa Tarde Ailton

Eu estou no segundo modulo, tentei esse caminho, mas não conseguir ainda

"C:\Users\edson\Desktop\curso"

Oi Edson? tudo bem?

Coloca as imagens na mesma pasta que você abre a página web que está criando.

Boa Noite! Vinicius

Eu já coloquei todas as imagens na pasta curso e não deu certo

Edson, manda um print de como está a estrutura do seu projeto.

Precisa estar mais ou menos assim no editor de código:

Insira aqui a descrição dessa imagem para ajudar na acessibilidade

Na pasta do projeto:

Insira aqui a descrição dessa imagem para ajudar na acessibilidade

Bom dia! Lorena Tentei prosseguir o curso sem a imagem, mas nem a cor de fundo apareceu, resolvi retornar, mas ainda não conseguir.

o código nãoa aparece, nao sei o que está acontecendo, eu copio e colo

Insira aqui a descrição dessa imagem para ajudar na acessibilidade

Edson, preciso ver como está a estrutura do seu código. Como mandei acima.

No seu editor de código vá em View, depois em Side Bar e então em Show Side Bar. Veja na imagem abaixo:

Insira aqui a descrição dessa imagem para ajudar na acessibilidade

Vai abrir essa barra ao lado, por favor, tira um print dela pois preciso ver como está estruturado o seu código:

Insira aqui a descrição dessa imagem para ajudar na acessibilidade

Fico no aguardo.

Insira aqui a descrição dessa imagem para ajudar na acessibilidade

Boa tarde, nessa página não vai aparecer não, só aparecerá códigos, as imagem aparece no site que está criando

Insira aqui a descrição dessa imagem para ajudar na acessibilidade

Aqui que aparece as imagens

Insira aqui a descrição dessa imagem para ajudar na acessibilidade

Insira aqui a descrição dessa imagem para ajudar na acessibilidade

Boa Noite Vinicius, no navegador que aparece as imagens, mas para mim não aparece Realmente no editor de texto sublime é somente os códigos.

Obrigado

Bom dia!

Vinicius exatamente no navegador que aparecem as imagens, mas ainda não conseguir

Obrigado pela atenção