Entrar Ainda não tem acesso?
Solucionado (ver solução)
Solucionado
(ver solução)
4
respostas

imagem não funciona

Referente ao curso HTML5 e CSS3 parte 1: crie uma página da Web

por Gabriel ms bastos
| 79.5k xp | 99 posts
UX treine

gente pq não aparece? ` <

<body>
    <header>
        <h1 class="titulo-principal">Barbearia Alura</h1>
    </header>


    <img id="banner" src="banner.jpg >"
    <div pricipal </div>
        <h2 class="titulo-centralizado">Sobre a Barbearia Alura</h2>
    <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>
</div> 
    <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> 

    <h3 class="titulo-centralizado">Benefícios</h3>
    <ul></ul>
    <img src="beneficios.jpg cleses="imagem beneficos"   >"

 <liclasses="itens"</li> atendimento aos clientes
 <liclesses="itens"</li> espaço difenciado
  <liçao class="itens"
  <liclesses="itens"</li> qualificados
  </ul>
</body>
4 respostas
solução!
por FRANCISCO DE ASSIS MEIRA JUNIOR
| 56.9k xp | 4 posts

Oi Gabriel, tudo bem. Ótimo te ver por aqui. Vamos nos ajudar.

Indetifiquei um erro em seu código. Vou colocar os exemplos abaixo para você corrigir, mas as aspas precisam são entre o caminho da imagem.

Código com erro: <img id="banner" src="banner.jpg >"

Código correto: <img id="banner" src="banner.jpg">

Se te ajudou coloque como resolvido. Grande abraço.

por Pedro Ivo Nogueira Costa
| 77.9k xp | 11 posts
Estágio Back-End

Ei Gabriel, tudo bem? Não somente onde o Francisco apontou, mas no final, você digitou assim:

<img src="beneficios.jpg cleses="imagem beneficos"   >"

e deveria ser assim:

Um adento para as classes, não se utiliza a tecla "espaço" nas palavras. Uma dica para facilitar no controle, são as iniciais maiúsculas, exemplo:

Outra dica é revisar o seu código, não sei se por culpa da formatação pelo aplicativo de texto do fórum, mas notei que existem muitas tags abertas, sem o devido fechamento.

Espero ter ajudado, Um abraço, e vamos codar!

por Gabriel ms bastos
| 79.5k xp | 99 posts
UX treine

opa, obrigado como vc acha que posso revisar melhor, saber se coloquei no lugar certo? pq acho que o inglês atrapalha.

por Pedro Ivo Nogueira Costa
| 77.9k xp | 11 posts
Estágio Back-End

Oi Gabriel, Bom, sou apenas um iniciante, mas vou te passar alguns ajustes que eu realizaria no código, pelo que aparece aqui para mim:

<body>
    <header>
        <h1 class="titulo-principal">Barbearia Alura</h1>
    </header>


    <img id="banner" src="banner.jpg >"
    <div pricipal </div>                     // Uma div aberta e fechada sem conteúdo?
        <h2 class="titulo-centralizado">Sobre a Barbearia Alura</h2>
    <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>           //Nessa linha, acredito que deveria ter um ">" fechando a tag <p id="missão".
</div>                                    // Aqui, fechou a div, sem nenhuma div aberta.
    <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>             // Aqui, novamente, deveria ter um ">" fechando a div de abertura, e logo após, existe um fechamento de div que não deveria estar ali

    <h3 class="titulo-centralizado">Benefícios</h3>
    <ul></ul>             //Aqui ocorre a abertura e fechamento da lista, sem propriamente ter algo dentro
    <img src="beneficios.jpg cleses="imagem beneficos"   >"    // Creio que "cleses" esteja alterada por conta do tradutor do navegador ou algo do tipo. Aqui, segue aquele erro que mostrei no post anterior, sobre as " ".
// Na lista abaixo, creio que o conteudo devesse estar dentro das tags de lista.
 <liclasses="itens"</li> atendimento aos clientes
 <liclesses="itens"</li> espaço difenciado
  <liçao class="itens"
  <liclesses="itens"</li> qualificados
  </ul>  //Aqui ocorre o fechamento da lista, sem a abertura dela, pois já foi fechada logo no inicio.
</body>

Novamente, sou um iniciante. Espero ter ajudado, Um abraço!