Solucionado (ver solução)
Solucionado
(ver solução)
3
respostas

[Dúvida] Carregar a imagem no projeto

Salve, galera! Estou fazendo o curso de HTML CSS e não estou conseguindo colocar as imagens no meu projeto. Mesmo refazendo o projeto com todos os detalhes necessários, a imagem não aparece na página de jeito nenhum ;-; Seria um problema ainda dentro do projeto? Na página? No arquivo? Alguma atualização?

Segue o exemplo do código abaixo:

<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>		
<html>```
3 respostas
solução!

Olá, Matheus.

Tudo bem?

Pelo código que você compartilhou, parece que você está tentando carregar a imagem do logo na página usando o elemento img e o atributo src. No entanto, é importante verificar se o caminho para a imagem está correto.

Certifique-se de que o arquivo "logo.png" está na mesma pasta do arquivo HTML ou, se estiver em uma pasta diferente, verifique se o caminho está correto. Por exemplo, se a imagem estiver em uma pasta chamada "imagens" dentro da mesma pasta do arquivo HTML, o caminho seria <img src="imagens/logo.png">.

Além disso, verifique se o nome do arquivo e a extensão estão escritos corretamente, pois diferencia maiúsculas de minúsculas. Por exemplo, se o arquivo se chama "Logo.png" com "L" maiúsculo, você precisa escrever exatamente assim no código.

Se você já verificou esses detalhes e a imagem ainda não está aparecendo, pode ser necessário verificar se o arquivo de imagem está corrompido ou se o formato da imagem é suportado pelo navegador.

Espero ter ajudado a solucionar o problema! Se tiver mais alguma dúvida, é só perguntar. Bons estudos!

Boa noite, Renan. Tudo bem? Movi as imagens para a mesma pasta que o arquivo em HTML e funcionou. Agradeço o retorno, Renan!

Ai sim, que bom que conseguiu resolver. Valeu retorno :)