Solucionado (ver solução)
Solucionado
(ver solução)
1
resposta

[Dúvida] minha imagem não aparece na pagina

ja botei o codigo da imagem e ja baixei o arquivo da imagem, mas nao aparec na pagina, o que fazer?

<!DOCTYPE html>
<html lang="pt-br"> 

  <head>

     <meta charset="UTF-8">
        <title>barbearia alura</title>
          <link rel="stylesheet" type="text/css" href="style.css">

  </head>

  <body> 
    <img id="banner" crs="banner.JPG"> 

    <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="missão"><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;
}
1 resposta
solução!

Olá, Paulo! Tudo bem?

Pelo que pude perceber no seu código, acredito que o problema esteja na tag da imagem. Você digitou "crs" ao invés de "src".

A abrevição "src" vem da palavra "SouRCe" que significa "Fonte", origem, caminho, assim fica melhor para lembrar.

Tente alterar a linha do código da imagem para:

<img id="banner" src="banner.JPG"> 

Lembre-se de verificar se o nome do arquivo está escrito corretamente e se ele está na mesma pasta que o seu arquivo HTML.

Espero ter ajudado e bons estudos!