HTML: Interligando páginas e hiperlink - Kássio Sousa| Programação
CURSO HTML 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
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.
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>
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.