Ligações (uso de links)
Com HTML é possível fazermos ligações de uma região de texto (ou imagem) a um outro documento. Nestas páginas, temos visto exemplos dessas ligações: o browser destaca essas regiões e imagens do texto, indicando que são ligações de hipertexto - também chamadas hypertext links ou hiperlinks ou simplesmente links.
Para inserir um link em um documento, utilizamos a etiqueta <A>, da seguinte forma:
<A HREF = "arq_dest">âncora</A>
- arq_dest
- é o URL do documento de destino;
- âncora
- é o texto ou imagem que servirá de ligação hipertexto do documento sendo apresentado para o documento de destino.
Caminhos para o documento de destino
Caminho relativo
O caminho relativo pode ser usado sempre que queremos fazer referência a um documento que esteja no mesmo servidor do documento atual.
Através do campo Location do browser, vemos que este documento está localizado em um diretório /manuals/HTML/ do servidor www.icmsc.sc.usp.br. Para escrevermos um link deste documento para o documento doc2.html no diretório /manuals/HTML/exemplos, tudo que precisamos fazer é escrever:
Veja o <A HREF="exemplos/doc2.html">exemplo de caminho relativo</A>.
que é apresentado como:
Veja o exemplo de caminho relativo.
Da mesma forma, se quisermos um link deste documento para um outro que esteja em diretório diferente neste mesmo servidor, escrevemos, por exemplo:
<A HREF="/Portugues/ICMSC/">Instituto de Ciências Matemáticas de São Carlos</A>
que produz o link: Instituto de Ciências Matemáticas de São Carlos
Para usar links com caminhos relativos é preciso, portanto, conhecer a estrutura do diretório do servidor no qual estamos trabalhando.
O esquema do diretório de nosso servidor está disponível no Relatório no. 35 e no relatório do servidor Web (em final de preparação).
Caminho absoluto
Utilizamos caminho absoluto quando desejamos referenciar um documento que esteja em outro servidor, por exemplo:
<A HREF="http://www.intermidia.icmsc.sc.usp.br/">Grupo Intermídia</A>
que oferece um link para um documento no servidor WWW do Grupo de Pesquisa Intermídia:
Com a mesma sintaxe, é possível escrever links para qualquer servidor de informações da Internet.
Ligações para trechos de documentos
Além do atributohref, que indica um documento
destino de uma ligação hipertexto, o elemento
A possui um atributo NAME que permite
indicar um trecho de documento como ponto de chegada de uma
ligação hipertexto.
Neste documento temos diversos parágrafos marcados como
chegada de um link, por exemplo:
<h3><A NAME="relativo">Caminho relativo</A></h3>que faz com que a âncora Caminho relativo seja o destino de um link. Se escrevermos:
Leia sobre <A HREF="#relativo">caminhos relativos</A>.teremos uma ligação hipertexto para um trecho deste mesmo documento:
Leia sobre caminhos relativos.
Da mesma forma, construímos links para trechos determinados de outros documentos, desde que saibamos quais trechos do documento destino estão marcados para ponto de chegada de um link. Por exemplo:
São Carlos é um <A HREF=
"/Portugues/Sao_Carlos/histprogr.html#Tec">pólo de alta tecnologia</A>.
que produz um link para um parágrafo marcado no arquivo
histprogr.html sobre a cidade de São Carlos, no
diretório /Portugues/Sao_Carlos/:
São Carlos é um pólo de alta tecnologia.
Introdução à linguagem HTML
Ligações (uso de links)
Caminho relativo