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