Caminhos de arquivo em HTML | Explicado

No desenvolvimento da web, uma pasta de sites consiste em vários arquivos que contêm ainda mais dados relevantes. Para acessar vários arquivos no arquivo html, precisamos fornecer um certo caminho em relação ao arquivo html que denota a localização de um arquivo específico dentro de uma pasta de sites e esse caminho é conhecido como caminho de arquivo html.

Além disso, esses caminhos de arquivos são úteis para adicionar documentos externos, como uma imagem, um vídeo, uma folha de estilo, um arquivo javascript ou outras páginas da web em sua página atual da Web HTML.

Tipos de caminho de arquivo HTML

Existem, em geral, dois tipos de caminhos de arquivo HTML.

1. Caminho de arquivo absoluto
2. Caminho de arquivo relativo

Os caminhos de arquivo acima mencionados são explicados.

Caminho de arquivo absoluto

Este caminho de arquivo no HTML representa o endereço de URL completo de um arquivo.

Sintaxe

A sintaxe de um caminho de arquivo absoluto é o seguinte.

Exemplo

Saída

Caminho de arquivo relativo

Um caminho de arquivo relativo indica o endereço do arquivo relativo associado à localização da página da web atual. Existem três condições quando um caminho de arquivo relativo pode ser usado.

Condição 1: Quando o arquivo externo e o arquivo de página da web atual estão localizados na mesma pasta.

Quando o arquivo está na mesma pasta que o arquivo de página atual.

A imagem acima está presente na mesma pasta que o arquivo de página da web curente.

Saída

A imagem foi adicionada com sucesso.

Condição 2: Quando o arquivo está presente em uma pasta localizada acima da pasta do arquivo da página da web.

Quando o arquivo está presente em uma pasta localizada acima da pasta do arquivo da página da web.

A imagem acima está presente em uma pasta localizada acima da pasta do arquivo de página da web atual.

Saída

Condição 3: Quando o arquivo está presente em uma pasta que é colocada na raiz do arquivo da web.

Quando a localização da pasta que contém o arquivo está na raiz do arquivo web.

A imagem acima está presente na raiz do arquivo web atual.

Saída

Os caminhos de arquivo relativos devem ter prioridade sobre os caminhos de arquivo absolutos, porque usando um caminho de arquivo relativo que seu código -fonte ficará livre de URL.

Conclusão

Um caminho de arquivo no HTML refere -se à localização do arquivo dentro de uma pasta da Web que contém dados relevantes. Esses caminhos de arquivo são usados ​​como endereços pelo navegador da web para extrair os arquivos. Os caminhos de arquivo são úteis ao adicionar documentos externos, como uma imagem, um vídeo, uma folha de estilo, um arquivo JavaScript ou outras páginas da web na sua página atual da Web HTML. Esta redação discute os caminhos de arquivo HTML e seus tipos em detalhes, juntamente com os exemplos apropriados.