Quando você encontrar alguns trechos de texto destacados, sublinhados, ou em uma cor diferente, provavelmente este texto será um hiperlink. É fácil saber se o texto é mesmo um link; basta verificar se o cursor muda de forma quando você o deslocar sobre o texto. O mesmo pode acontecer com imagens também. Em alguns casos a imagem utilizada como um link exibe uma moldura em volta, mas muitos designers preferem colocar um atributo (BORDER=0) na imagem para que ela não exiba esta borda, por questões estéticas. Sendo assim, quando entrar em um site e não ter noção de onde clicar para ir em frente, explore com o mouse e veja se ele muda de forma.
A tag usada para links é:
<A HREF="..."> e </A> - após HREF coloca-se o destino do link, que pode ser uma outra página, uma outra URL ou referência dentro da própria página.
<A HREF="http://www.netscape.com">Netscape</A> - link para outro site
<A HREF="index.html">Página inicial</A> - link para outra página
<A HREF="#top">Volta ao início</A> - link para um alvo dentro da mesma página
Neste último caso, no início da página deverá haver uma âncora que será identificada pelo link. O atributo para a âncora é:
<A NAME="..."> e </A>
<A NAME="top">Biblioteca Setorial de Ciência & Tecnologia </A>
Este processo pode ser utilizado para apontar partes de documentos não apenas na mesma página, mas em outras também.
<A HREF="filmes.html#lançamentos">Veja os lançamentos do mês</A> - a página filmes.html deverá ter a âncora <A NAME="lançamentos">Lançamentos do mês</A> para que o browser encontre seu destino.
Usando-se o atributo TARGET="window" na tag de link, o browser exibirá o documento em uma nova janela.
Com o atributo TITLE="texto", ao se passar o mouse sobre o link, um menu aparecerá exibindo o texto. É interessante para mostrar ao visitante o que ele encontrará na próxima página.
Você pode criar links para praticamente todos os serviços da Internet. Exemplos:
<A HREF="telnet://wais@wais.com"/>Telnet Client</A>
<A HREF="ftp://ftp.wais.com/pub">Wais FTP Server</A>
<A HREF="gopher://gopher.wais.com">Wais Gopher</A>
<A HREF="wais://wais.com:210/">Wais Wais Server</A>
<A HREF="mailto:vanessaparadis@netscape.net>Vanessa Paradis</A>
Além desses exemplos acima, a tag de link pode ser utilizada para disponibilizar arquivos para download. Exemplo:
<A HREF="arquivo.zip">Clique aqui para pegar este arquivo</A>
Imagens podem ser utilizadas como links, tanto isoladas ou como na forma de mapas clicáveis. O procedimento é o mesmo que um link textual, bastando substituir o texto por um arquivo gráfico. Exemplo:
<A HREF="mailto:vanessaparadis@netscape.com><IMG SRC="bluemail.gif"></A> - neste exemplo haverá uma borda na volta da imagem, mas se você colocar o atributo BORDER=0 esta moldura sumirá. Exemplo:
- sem o atributo
- com o atributo
Mapas clicáveis são mais complexos, porém dão um efeito interessantíssimo a um site. Num mapa, determinadas áreas da
imagem são sensíveis e funcionam como links comuns.
