Quando for feita inserção de links ou imagens em suas páginas html, é necessário especificar o caminho completo do arquivo a ser acessado (path). Essa especificação se faz necessária nos atributos href, src ou background.
O caminho é especificado de maneira semelhante à do MS-DOS, só que, em vez da barra invertida, usa-se a barra normal (/). Há situações em que temos de usar, antes da barra, dois pontos seguidos (..) que servem para subir um nível na hierarquia de diretórios. Vamos chamar esse símbolo de "ponto-ponto".
Uma maneira prática de saber quantas vezes temos de especificar "ponto-ponto" ( ..) é utilizando o Windows Explorer. Com esse programa, vá até o arquivo que será acessado. Depois, clique no botão "Acima" até chegar no arquivo onde vai ser colocado o link. Então você coloca "ponto-ponto" tantas vezes quantas foram as que você clicou nesse botão.
Os exemplos abaixo, elaborados com base na figura, irão elucidar a questão.
| A partir de index.htm abrir intr1.htm: <a href="intr1.htm"> |
 |
| A partir de index.htm abrir teoria1.htm: <a href="cap1/teoria/teoria1.htm"> |
|
| A partir de teoria1.htm abrir exemplo1.htm: <a href="../../cap2/exemplos/exemplo1.htm"> |
|
| A partir de exemplo1.htm abrir teoria1.htm: <a href="../cap1/teoria/teoria1.htm"> |
|
| A partir de exemplo1.htm abrir index.htm: <a href="../index.htm"> |
|
| A partir de index.htm abrir imagem1.gif: <img src="imagens/imagem1.gif"> |
|
| A partir de teoria1.htm abrir imagem1.gif: <img src="../../imagens/imagem1.gif"> |
|
| A partir de exemplo1.htm abrir fundo1.gif: <body background="../imagens/fundo1.gif"> |