Como dissemos, um site web está constituido de páginas interconexas. No capítulo anterior vimos como linkar diferentes seções dentro de uma mesma página. Resta-nos estudar a maneira de relacionar os distintos documentos HTML que compõem nosso site web.

Para criar este tipo de links, temos que criar uma etiqueta da seguinte forma:

<a href="arquivo.html">conteúdo</a>

Por regra geral, para uma melhor organização, os sites costumam estar ordenados por diretórios. Estes diretórios costumam conter diferentes seções da página, imagens, audios...É por isso que em muitos casos não nos será válido especificar o nome do arquivo, e sim, o diretório onde nosso arquivo.html está alojado.

Se você já tiver trabalhado com MS-DOS não terá nenhum problema para compreender o modo de funcionamento. Somente deverá ter cuidado em usar a barra "/" no lugar da contra-barra "\".

Para aqueles que não sabem como mostrar um caminho de um arquivo, aqui vai uma série de indicações que lhes vão ajudar a compreender a forma de expressá-los. Não é nada difícil e com um pouco de prática o fará praticamente sem pensar.

1. Há de situar mentalmente no diretório no qual se encontra a página com o link.
2. Se a página destino está em um diretório incluído dentro do diretório no qual nos encontramos, temos de marcar o caminho numerando cada um dos diretórios pelos quais passamos até chegar ao arquivo e separando-os pelo símbolo barra "/". No final, obviamente, escrevemos o arquivo.
3. Se a página destino encontra-se em um diretório que inclui o da página com o link, temos que escrever dois pontos seguidos e uma barra "../" tantas vezes quantas forem os níveis que subirmos na hierarquia de diretórios, até chegar no diretório onde está localizado o arquivo destino.
4. Se a página encontra-se em outro diretório não incluído nem incluente do arquivo origem, teremos que subir com a regra 3 por meio de ".." até encontrar o diretório que englobe o diretório que contém a página destino. A seguir faremos como a regra 2. Escreveremos todos os diretórios pelos quais passamos até chegar ao arquivo.

Exemplo: Para esclarecer este ponto podemos fazer um exemplo a partir da estrutura de diretórios da imagem. Para fazer um link desde index.html para yyy.html: <a href="secao1/paginas/yyy.html">conteudo</a> Para fazer um link desde xxx.html para yyy.html: <a href="../secao1/paginas/yyy.html">conteudo</a> Para fazer um link desde yyy.html para xxx.html: &<a href="../../secao2/xxx.html">conteudo</a>

Os links locais podem por sua vez já apontar mais precisamente a uma seção concreta, ao invés da página em geral. Este tipo de link costuma ser um híbrido de interno e local. A sintaxe é deste tipo:

<a href="arquivo.html#secao">conteudo</a>

Como para os links internos, neste caso temos que marcar a seção com outro link do tipo:

<a name="secao"></a>

Como exemplo temos aqui um link que aponta ao capítulo anterior ao final da página.