Como referenciar arquivos locais e pastas usando caminhos relativos e absolutos
Sempre que você coloca uma imagem, uma folha de estilo ou um link em HTML, o navegador precisa saber onde encontrar aquele arquivo.
É aí que entram os caminhos de arquivo.
Carregando...Aqui o navegador procura foto.jpg na mesma pasta do arquivo HTML.
Carregando...Isso indica que a imagem está dentro da pasta images.
Carregando...O .. significa “voltar uma pasta”.
Carregando...Porque basta errar uma pasta, um nome de arquivo ou uma extensão para o navegador não achar nada.
E ele não costuma fazer milagre. Se o caminho estiver errado, a imagem some e o CSS finge que nunca ouviu falar de você.
Portanto, sempre confira: