HTML: Interligando páginas e hiperlink

HTML: Interligando páginas e hiperlink

Interligando páginas

O principal poder do HTML vem da sua capacidade de interligar partes de um texto (e também imagens) a outros documentos. Os clientes exibem em destaque estas áreas ou pontos chaves (normalmente com cores diferentes ou sublinhado) para indicar que se trata de um link, ou interligação, no hipertexto.
A marcação <A>, que define o ponto de partida para os links, é denominada de âncora. 

Para incluir uma âncora em seu documento:

Inicie a âncora com <A  (Há um espaço depois de A.) Especifique o documento a ser interligado, inserindo o parâmetro HREF="filename" seguido do sinal: > Obs.:(HREF significa Hypertext Reference). Insira o texto que vai funcionar como link no documento corrente. Anote a marcação de final da âncora: </A>.
Um exemplo de referência a um hipertexto:

<A HREF="index.html">Índice</A>
que resulta no LINK Índice

A palavra "Índice" é definida como o marcador do link para se chegar ao documento index.html, que está no mesmo diretório do documento corrente. Ou seja, "Índice" aparece em destaque (normalmente em azul) e se você clicar nessa palavra será exibido o documento apontado - index.html

Hyperlink

E possível interligar documentos em outro diretório especificando-se o caminho relativo a partir do documento corrente, em relação ao que está sendo interligado.
Por exemplo, um link para o arquivo link1.html localizado no subdiretório exemplos seria assim: 

<A HREF="exemplos/link1.html"> Página Teste </A> 
que resulta no link: Página Teste 

Note que como neste exemplo o arquivo indicado não existe, se voce clicar nesse link receberá uma mensagem de erro indicando que o arquivo não foi encontrado.

Estes são dos denominados links relativos. Algumas regras que devem ser observadas são:
Utiliza-se a barra deitada / para separar diretórios e não a barra invertida \ .
Pode-se utilizar este mesmo método para redirecionar a documentos, textos, imagens ou outras páginas.
Exemplos:

Caso o arquivo que você esteja buscando, está um nível acima do diretório atual, devemos utilizar a seguinte sintaxe:

<A HREF="../exemplos/link1.html"> Página Teste </A> 
que resulta no link:  Página Teste 

Significa que a partir do diretório atual, volte para o diretório anterior, vá para o sub-diretório exemplos deste diretório e leia o arquivo link1.html.