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 documentos que façam referência a outros o que permite ao usuário de aceder aos mesmos com um clique, não importando se estão noutra página da Web, no seu micro ou em qualquer 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 ">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 edereç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