Solucionado
Eu tive problemas em fazer o meu documento HTML mostrar a imagem através do método de entrar e sair de pastas, etc, etc. Então fiz um upload da imagem para a nuvem em um site chamado Imgbb, peguei o link dela e coloquei na propriedade "src" da tag e funcionou. Caso queiram testar o link da imagem utilizado na aula é este: https://i.ibb.co/F7XNgwB/banner.jpg
<img src="https://i.ibb.co/F7XNgwB/banner.jpg">
Fala Roberto, tudo bem?
Ótima solução! Mas caso queira solucionar o problema anterior (para entender o motivo do problema) poderia enviar o seu código html por completo de como estava e uma print de aonde estava a imagem para darmos uma olhadinha?
Aguardo seu retorno :D
<html lang="pt-br">
<head>
<meta charset="UTF-8">
<title>Barbearia Alura</title>
<link rel="stylesheet" href="AULA10.style.css">
</head>
<body>
<!-- Segundo a convenção, a tag <img> deve vir como primeiro elemento do nosso body -->
<img src="./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="missao"><em>Nossa missão é: <strong id="forte">"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>O meu código anterior estava desta forma. Vi alguns alunos dizendo para colocar a foto na pasta raiz do projeto e para acessá-la atráves do ponto e barra (./) que buscaria a imagem, no entanto, também não funcionou. Tentei sem ponto e barra e nada também. A única coisa que funcionou foi fazer o upload e passar a referência do link na propriedade "src".
Na verdade, o ./ procuraria dentro da mesma pasta que você estiver, não na pasta raiz, então se o arquivo html e a imagem estiverem na mesma pasta, encontraria normalmente dessa forma, mas se por exemplo, o seu arquivo html estiver em uma pasta chamada meuhtml e a sua imagem estivesse à uma pasta antes, então teria de usar ../ pois dois pontos e barra, significa voltar uma pasta, por exemplo:
Dessa maneira não funcionará, pois estamos indicando que a nossa imagem está atualmente na pasta atual, porém ela está em uma pasta anterior a esta, então devemos voltar uma pasta utilizando ../:
Dessa maneira funciona normalmente, agora um caso em que o ./ funcionaria, seria aonde ambos estão na mesma pasta:
Dessa maneira funcionaria tranquilamente, pois estamos indicando que queremos procurar a imagem na mesma pasta que estamos. Lembrando que o ../ pode ser utilizado quantas vezes for necessário, como por exemplo se a nossa imagem estivesse à 3 pastas atraz:
Veja que utilizamos 3 ../ pois queriamos voltar três pastas para encontrar a imagem. Então dê uma olhada aonde está a sua imagem e veja se esta mostrando o caminho correto no seu html.
Espero ter ajudado, bons estudos :D
![https://i.ibb.co/F7XNgwB/banner.jpg"](https://i.ibb.co/F7XNgwB/banner.jpg"){kind=link}