10
respostas

Problemas para encontrar caminho da imagem, tentei de várias maneiras. Como fazer a imagem aparecer?

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

</head>
<body>
    <img src="./C:\Users\Ana\Desktop\Index.html\banner" />

    <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>.</p></em>

    <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>
10 respostas

Oi, Ana Paula.

Você precisa colocar o nome da imagem e o tipo de extensão. Seguindo os seguintes passos...

./nome-da-pasta/nome-da-imagem.extensão, vou te mostrar um exemplo, mas não serão os mesmos nomes, você vai precisar renomear.

Mais ou menos assim:

<img src="./banner/banner.png" />

Olá Ana! Também tive esse mesmo problema, a solução que encontrei foi ir nos documentos e clicar com o botão direito do mouse no documento da imagem. Lá vai aparecer a opção PROPRIEDADES, clicando nela terá a opção LOCAL. Então você copia esse link e cola no src, junto com o nome da imagem. No fim vai ficar algo parecido com "C:\Users\xxxxx\Desktop\xxxx\banner.png"

Oi pessoal para só funcionou após abrir a imagem no Firefox e depois de aberto copiar o link(caminho) no firefox.

Imagem no mesmo nível do arquivo

Neste treinamento, recomendamos que as imagens do projeto estejam no mesmo nível do arquivo index.html, ou seja, as imagens do projeto devem estar na mesma pasta, como ilustra a imagem abaixo.

![](Insira aqui a descrição dessa imagem para ajudar na acessibilidade )

Olá conforme recomendado na lição a imagem deve estar na mesma pasta do index

Olá, a minha imagem está no mesmo nível que a pasta index, porém ela não carrega corretamente. Achei que pudesse ser o formato mas já salvei em jpeg e png, e da na mesma.

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

Olá, Ana Paula

Além das recomendações dos colegas, é imperativo que você armazene todas as imagens na mesma pasta que seus arquivos html ou, alternativamente, (i) crie uma pasta para esse seu trabalho (nome a seu critério), (ii) depois coloque dentro dela os arquivos em formato html e css até então criados e, por fim, (iii) crie uma pasta (nome a seu critério) para armazenar as imagens que serão utilizadas no seu site. Não esqueça de colocar as imagens na pasta. Espero ter ajudado. Obs. Marque o tópico como resolvido caso a sua dúvida tenha sido solucionada com as mensagens.

nao consigo carregar a imagem nem a pau.

nao consigo carregar a imagem nem a pau.

Confira se o tipo de arquivo de imagem especificado na html é exatamente o mesmo e se a resolução é compatível com o campo que irá ocupar no site, também tive esse tipo de problema (se a imagem for da internet pode ter bloqueio de uso).