7
respostas

imagem

a imagem não carrega no navegador

7 respostas

Oi, Lavínia, tudo bem?

Você pode portar aqui os seus arquivos pra gente entender melhor o que está acontecendo para a imagem não carregar?

<!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">

        <h1>Sobre a Barbearia Alura</h1>

        <p>Localizada no coração da cidade a Barbearia Alura 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>
    </body>    
</html>





body {
    background: #CCCCCC
}

#banner {
    width: 100%;
}

h1 {
    text-align: center
}

p {
    text-align: center;
}

#missao {
    font-size: 20px
}

em strong {
    color: #FF0000;
}

`

sabe dizer se eu fiz algo errado ?

Oi, Lavinia, tudo bem?

O seu código aqui tá tudo ok. Mas onde você colocou a imagem? A imagem precisa estar junto do html e css, ou seja, no meus nível de pasta para poder ser carregada (ou seja, index.html, style.css e banner.jpg). Ou se você quiser fazer uma pasta só para as imagens, você pode fazer uma pastaimg e chamar ela no src, ficando assim: src="img/banner.jpg">

Aguardo :}

eu fiz tudo isso,mas mesmo assim essa imagem não carregava,eu peguei outra do Google fiz a mesma coisa e funcionou,vou usar a que eu salvei então

Oi, Lavínia.

Você quer compartilhar o seu projeto no Github pra gente ver o que está acontecendo com a imagem?