Os iniciantes em HTML geralmente encontram esse problema, como referenciar corretamente um arquivo. Por exemplo, como citar outra página HTML como um hiperlink em uma página HTML? Como inserir uma imagem em uma página da web
Se você usar o caminho de arquivo errado ao se referir a um arquivo (como adicionar um hiperlink ou inserir uma imagem, etc.), a referência será inválida (não poderá procurar o arquivo vinculado ou não poderá exibir a imagem inserida etc.).
Para evitar esses erros e referenciar corretamente os arquivos, precisamos aprender sobre os caminhos HTML.
Existem duas maneiras de escrever HTML: caminhos relativos e caminhos absolutos.
Caminho relativo HTML
Referências de arquivo ao mesmo diretório
Se o arquivo de origem e o arquivo de referência estiverem no mesmo diretório, basta escrever o nome do arquivo de referência diretamente.
Agora criamos um arquivo de origem info.html e info.html você precisa consultar o arquivo index.html como um hiperlink.
Suponha que o caminho info.html seja: c: /inetpub/wwwroot/sites/blabla/info.html
Suponha que o caminho index.html seja: c: /inetpub/wwwroot/sites/blabla/index.html
O código para adicionar index.html hiperlink ao info.html deve ser escrito assim:
<a href = index.html> index.html </a>
Como representar o diretório anterior
../ representa o diretório anterior do diretório em que o arquivo de origem está localizado, ../../ representa o diretório anterior em que o arquivo de origem está localizado e assim por diante.
Suponha que o caminho info.html seja: c: /inetpub/wwwroot/sites/blabla/info.html
Suponha que o caminho index.html seja: c: /inetpub/wwwroot/sites/index.html
O código para adicionar index.html hiperlink ao info.html deve ser escrito assim:
<a href = ../index.html>index.html </a>
Suponha que o caminho info.html seja: c: /inetpub/wwwroot/sites/blabla/info.html
Suponha que o caminho index.html seja: c: /inetpub/wwwroot/index.html
O código para adicionar index.html hiperlink ao info.html deve ser escrito assim:
<a href = ../../index.html>index.html </a>
Suponha que o caminho info.html seja: c: /inetpub/wwwroot/sites/blabla/info.html
Suponha que o caminho index.html seja: c: /inetpub/wwwroot/sites/wowstory/index.html
O código para adicionar index.html hiperlink ao info.html deve ser escrito assim:
<a href = ../wowstory/index.html>index.html </a>
Como representar o seguinte diretório
Consulte os arquivos no diretório inferior e escreva o caminho para os arquivos no diretório inferior diretamente.
Suponha que o caminho info.html seja: c: /inetpub/wwwroot/sites/blabla/info.html
Suponha que o caminho index.html seja: c: /inetpub/wwwroot/sites/blabla/html/index.html
O código para adicionar index.html hiperlink ao info.html deve ser escrito assim:
<a href = html/index.html> index.html </a>
Suponha que o caminho info.html seja: c: /inetpub/wwwroot/sites/blabla/info.html
Suponha que o caminho index.html seja: c: /inetpub/wwwroot/sites/blabla/html/tutorials/index.html
O código para adicionar index.html hiperlink ao info.html deve ser escrito assim:
<a href = html/tutorials/index.html> index.html </a>
HTML Caminho absoluto
O caminho absoluto HTML refere -se ao caminho completo de um arquivo com um nome de domínio.
Suponha que você registre o nome de domínio www.vevb.com e solicite um host virtual, seu provedor de host virtual fornecerá um diretório, como o www, que é o diretório raiz do seu site.
Suponha que você coloque um arquivo index.html no diretório raiz de www, o caminho absoluto para este arquivo é: https://www.vevb.com/index.html.
Suponha que você crie um diretório chamado html_tutorials no diretório raiz de www e, em seguida, coloque um arquivo index.html nesse diretório, e o caminho absoluto para este arquivo é https://www.vevb.com/html_tutorials/index.html.