Ola, espero que possam me ajudar!
Eu criei as pastas certinhas com diretórios específicos e inserir o enderenço da imagem no código HTML5 na seguinte forma <img src="foto\HTML-Progressivo.png">, ate então tudo bem mas quando eu abro qualquer navegador para testar a imagem aparece quebrada, aparece somente um ícone de quebrada mas não a imagem.
Obs: Sistema Operacional Win 10
Código que estou usando para testar.
<!DOCTYPE html>
<html lang="pt-br">
<head>
<title>Curso de HTML5</title>
<meta charset="UTF-8" />
<style>
h1 {font-family:arial;
font-size:30pt;
color:blue;
text-shadow:2px 2px 20px black;
}
</style>
</head>
<body>
<h1>Olá. Mundo!</h1>
<h2>Me livrando da maldição.</h2>
<h1>Oba, Me livrei!</h1>
<img src="\foto\HTML-Progressivo.png">
</body>
</html>
Outras formas que utilizei.
<img src="foto\HTML-Progressivo.png" />
<img src="foto/HTML-Progressivo.png" />
<img src="C:\Users\Gabriel\Pictures\Teste\HTML-Progressivo.png " />
<img src="C:\Users\Gabriel\Pictures\Teste\foto\HTML-Progressivo.png " />
<img width="320" height="54" border="solid" src="foto/HTML-Progressivo.png" alt="HTML-Progressivo.png" />
fiz testes ,(usando as barras \ / ) e deixando o final sem fechar , a unica forma que funcionou foi utilizando uma imagem da
internet através do endereço URL mas com imagens do meu computador não consegui.
Obrigado pela atenção espero que possam me ajudar ,esperando ansiosamente uma resposta.