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

Imagem não aparece na página

<!DOCTYPE html>
<html lang="pt-br">
<head>
    <meta charset="UTF-8">
    <title>Barbearia Alura</title>
    <link rel="stylesheet" href="style.css">
</head>
<body>
    <img id="banner" src="banner.jpg">
    <div class="principal">
    <h1> Sobre a Barbearia Alura</h1>

        <p>Localizada no coração da cidade a <strong>Barbearia Alura</strong> traz para o mercado o que há de melhor para o seu cabelo e barba. Fundada em 2019, a Barbearia Alura já é destaque na cidade e conquista novos clientes a cada dia.</p>

        <p id="missao"><em>Nossa missão é: <strong>"Proporcionar auto-estima e qualidade de vida aos clientes"</strong>.</em></p>

        <p>Oferecemos profissionais experientes e antenados às mudanças no mundo da moda. O atendimento possui padrão de excelência e agilidade, garantindo qualidade e satisfação dos nossos clientes.</p>
</div class="beneficios">
<div>
    <h2>Benefícios</h2>
    <ul>
        <li class="itens">Atendimento aos Clientes</li>
        <li class="itens">Espaço Diferenciado</li>
        <li class="itens">Localização</li>
        <li class="itens">Profissionais Qualificados</li>
</ul>
<img scr="beneficios.jpg" class="imagembeneficios">
</div>
</body>
</html>

Eu fiz a extração da imagem dentro da pasta "index.html" igual a imagem da aula anterior, porém ao carregar a página, a imagem não aparece. Não sei exatamente onde eu errei...

4 respostas

o caminho que sua imagem está salva esta aonde?

porque analisando seu código as imagens aparentemente esta na raiz do seu projeto? Não está dentro de alguma pasta?

As imagens estão dentro de uma pasta chamada index.html.

C:\Users\felipe.ribeiro\Documents\index.html

Na realidade eu só extrai os arquivos diretamente para essa pasta. O que acho estranho é que a "banner" carrega normalmente no site, mas a "beneficios" não.

solução!

Não sei se entendi bem o seu problema, mas a não exibição da imagem "beneficios.jpg" está ocorrendo porque na tag img o parâmetro "src" está escrito errado, "scr". No mais, uma pratica que costumo utilizar é colocar as imagens dentro de um subdiretório do diretório principal do projeto, por exemplo: C:\Users\felipe.ribeiro\Documents\Alura\Curso_HTML5-CSS3\imagens. Dessa forma, todos os arquivos do curso ficariam dentro de "Curso_HTML5-CSS3".

Obrigado pelo toque Guilherme, realmente a tag estava invertida, acabei ignorando pois não ficou marcada em vermelho xD

Farei isso nas imagens, obrigado novamente!

Quer mergulhar em tecnologia e aprendizagem?

Receba a newsletter que o nosso CEO escreve pessoalmente, com insights do mercado de trabalho, ciência e desenvolvimento de software