hiperligações - Links Externos em HTML

Uma das principais atracções da Internet é a apresentação de documentos com o conceito de hipertexto - ou seja uma página que se liga a outras por meio de conexões especiais chamadas hiperligações ( hiperlinks ).

Graças a este processo, você pode criar páginas que façam referência a outras páginas o que permite ao usuário de aceder aos mesmos com um clique, não importando se estão noutro site da Web ou outro servidor da rede.

Para dominar o uso do hipertexto, o programador HTML deve conhecer bem o funcionamento de dois comandos da linguagem: A HREF e A NAME. Este último estudaremos mais tarde.

O comando usado para criar um hiperlink é basicamente:

<A HREF= "URL da página">Texto ou imagem</A>

O que é URL? URL é a abreviação de Uniform Resource Locator e serve para especificar o endereço de um site ou página do mesmo. É composta de duas partes principais. A primeira é o protocolo Internet do documento e a segunda é o endereço do servidor e da página. A sintaxe é:

protocolo://servidor/arquivo

Protocolo é o tipo de servidor que está que queremos aceder. Pode ser http, ftp, goupher, etc.
Servidor é o computador que contém a página e arquivo. Pressupõe o caminho completo do arquivo.

Tomando como exemplo as página deste tutorial temos como URL: http://www.vas-y.com/dicas/curso/html. Onde http é o protocolo, www.vas-y.com é o servidor, e dicas/curso/html é o campinho (path) do arquivo.

Uma particularidade para os que pretendam saber mais um pouco é que se o servidor tem um endereço IP fixo, que é o caso deste site, o nome do servidor pode ser inserido através do endereço IP. Desta forma pode aceder directamente à mesma página da seguinte maneira: http://64.111.15.93//dicas/curso/html. As vantagem desta ultima forma são variadas mas a explicação ficará para outra altura.

Este endereço também pode ser escrito na linha de URL do Browser, para aceder directamente à página.

Vejamos o código completo de uma página com hiperligações externas

<A HREF= "http://64.111.15.93/dicas/index.html ">webmaster e autor</A> desse tutorial basta clicar na palavra sublinhada. Ou então clicar na figura abaixo. 
<CENTER>
<A HREF= "http://64.111.15.93/dicas/index.html "><IMG SRC= "icones/mylogo.gif "></A>
</CENTER>
Ao invés de mandar o usuário para uma outra Home Page você pode permitir que ele envie um <A HREF= "mailto:infos@vas-y.com ">e-mail</A>
para qualquer pessoa. Basta usar a opção mailto:nome@endereco no lugar da URL. 
Clique <A HREF= "../links-ext.htm ">aqui</A> para retornar a página anterior

Uma dica: Para omitir a borda da figura basta colocar a opção BORDER=0 dentro da tag <IMG>:

Esta opção é usada nas setas e no Logotipo (abaixo) deste tutorial.

Para ver um exemplo deste recurso, clique aqui