CAMINHOS DE ARQUIVOS DO HTML
Descrevem a
localização de um arquivo na estrutura de pas de um site.
<img src="imagem.jpg"> fica na mesma pasta da página atual.
<img src="pastaimagem/imagem.jpg"> fica na pasta imagem na pasta atual.
<img src="pastaimagem/imagem.jpg"> fica na pasta imagem e na pasta da raiz da web
atual.
<img src="../imagem.jpg"> fica na pasta um nível acima da pasta atual.
Os caminhos de
arquivo são usados ao vincular a
arquivos externos, como:
páginas web
Imagens
folhas de estilo
JavaScripts
Caminhos de Arquivo Absolutos
é o URL completo para um
arquivo.
<!DOCTYPE html>
<html>
<body>
<h2>é o URL completo para um
arquivo</h2>
<img
src="https://www.5internet.com.br/pasta/imagem.jpg"
alt="imagem" style="width:200px">
</body>
</html>
Caminhos de Arquivo Relativos
Um caminho de arquivo
relativo aponta para um arquivo relativo à página atual.
<!DOCTYPE html>
<html>
<body>
<img src="imagem.jpg"> fica na mesma pasta da página atual.
<img src="pastaimagem/imagem.jpg"> fica na pasta imagem na pasta atual.
<img src="pastaimagem/imagem.jpg"> fica na pasta imagem e na pasta da raiz da web
atual.
<img src="../imagem.jpg"> fica na pasta um nível acima da pasta atual.
</body>
</html>