13
respostas

Mesmo com os comandos certos, a imagem não abre

    <img id="banner" src = "banner.jpg">
    <div class="principal">
        <h1>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.

    </div>

    <div class="beneficios">

        <h2> BENEFICIOS </h2>

        <ul> 
            <li class="itens"> Atendimento ao cliente </li>
            <li class="itens"> Espaço diferenciado  </li>
            <li class="itens"> Localização </li>
            <li class="itens"> Profissionais qualificados </li>

        </ul>

    <img id="fotobarba" src="beneficios.jpg">

    </div>


</body>
13 respostas

como podem ver tudo esta correto, já tentei inclusive colocar lincado dessa outra maneira porem o que aparece na minha pagina é apenas o ícone da imagem pequena,

file:///C:/Users/Daniel%20Bosford/Desktop/alura/inde.html

file:///C:/Users/Daniel%20Bosford/Desktop/alura/beneficios.jpg

file:///C:/Users/Daniel%20Bosford/Desktop/alura/banner.jpg

notem que todos estão no mesmo local no meu PC.

alguém sabe outro caminho para carregar a imagem por favor ou uma forma para que eu solucione o problema ?

Olá Daniel, percebi que na sua segunda tag <img> o nome do arquivo dentro do atributo src está referenciado com aspas simples: <img id='fotobarba' src='beneficios.jpg'>, talvez pode ser esse o problema. Espero ter ajudado.

Olá Lally, sim a segunda tag estava mesmo pois copiei de outro fórum achando que ia solucionar o meu problema. porem não resolveu e também na primeira imagem já não abre também e nota-se que esta tudo certo .

Olá Daniel, as imagens estão na mesma pasta que o seu index.html?

Olá, Daniel, tente renomear o arquivo inde.html da sua pasta alura:

Insira aqui a descrição dessa imagem para ajudar na acessibilidade

Para index.html, ou seja, acrescente o "x" ao nome. Acredito que possa ser este o problema, pois index é um nome padrão que o navegador reconhece como sendo a página principal e pode influenciar na exibição do seu conteúdo.

Espero ter ajudado. Bons estudos!

ola leila Müller. já havia tentado isso também mais o problema persiste ;//

Poderia nos mostrar o arquivo .css correspondente?

A imagem "beneficios" também não aparece?

body { background: #CCCCCC }

#banner { width: 100%; }

.principal{ background: #CCCCCC }

h1 { text-align: center }

p { text-align: center; }

#missao { font-size: 20px }

em strong { color: #FF0000; }

.itens { font-style: italic; }

.beneficios { background: #ffffff }

h2{ text-align: center }

leila Müller, nenhuma das imagens aparece.

Nem a primeira ( Banner ) nem a segunda (benefícios )

** já renomeei ambas e mesmo assim só aparecem o ícone na pagina da web

Você já tentou teclar F12 no navegador para ver se mostra algum erro?

Outra coisa, seria verificar se consegue visualizar as imagens fora do navegador, ou seja, se os arquivos não estão corrompidos.

teclando f12 no navegador ele aponta o seguinte erro;

Failed to load resource: net::ERR_FILE_NOT_FOUND = Falha ao carregar o recurso: net::ERR_FILE_NOT_FOUND

Daniel, minha última sugestão para você seria fazer a atualização do navegador (caso já não tenha feito) ou até mesmo instalar um outro pois, pelo que pesquisei em relação a este erro, ele é próprio do Chrome.

Se quiser, dê uma olhada neste artigo https://www.informatique-mania.com/pt/guides/comment-reparer-lerreur-err_file_not_found-dans-chrome/

É a primeira vez que me deparo com este erro (uso mais o Edge e o FireFox). Certamente surgirão outras sugestões.

Te desejo boa sorte e bons estudos!

Leila Müller, obg por toda a ajuda porem também já havia tentado inclusive desinstalando e instalando novamente.

continuarei aqui tentando solucionar meu problema.