O caminho do arquivo HTML especifica a localização do arquivo na pasta do site. O caminho do arquivo é muito semelhante ao endereço de arquivo de um navegador da web. Usando o caminho do arquivo HTML, qualquer arquivo ou recurso externo pode ser vinculado ao arquivo HTML.
1. Caminho do arquivo HTML
Um caminho de arquivo descreve a localização de um arquivo na estrutura de pastas de um site. O caminho do arquivo será usado ao vincular arquivos externos:
(1)Página web
(2) Imagem
(3) Folha de estilo
(4) JavaScript
2. Classificação do caminho
Os internautas muitas vezes descobrem que as imagens em suas páginas da web não podem ser exibidas. Na verdade, a maioria dos motivos ocorre porque seu endereço está escrito incorretamente. As fotos ou vídeos na página da web possuem seus próprios locais de armazenamento correspondentes. As páginas da Web os encontram simplesmente pelo caminho.
Se a página precisar encontrar a imagem, isso pode ser feito através do caminho. O caminho é dividido em caminho relativo (comumente usado) e caminho absoluto.
(1) Caminho relativo
Os caminhos relativos apontam para arquivos relativos à página atual. No exemplo a seguir, o caminho do arquivo aponta para um arquivo localizado na pasta de imagens no diretório raiz do site atual;
O processo de localização do arquivo de destino a partir do arquivo atual é dividido em diretórios de mesmo nível, diretórios de nível superior e diretórios de nível inferior.
a. Diretório semelhante
O arquivo atual e o arquivo de destino estão no mesmo diretório
b.Diretório superior
O arquivo de destino está no diretório de nível superior
c. Diretório subordinado
O arquivo de destino está no diretório de nível inferior
2. Caminho absoluto
Um caminho de arquivo absoluto refere-se a um URL completo apontando para um arquivo da Internet; um caminho absoluto em um diretório pode atingir diretamente o local de destino e é dividido em um caminho começando pela letra da unidade e um endereço de rede completo.
Exemplo:
<imgsrc=https://www.dotcpp.com/oj/image/photo.pngalt=demo>