Podemos interligar partes de um texto e também imagens, a outros documentos. Normalmente
exibimos em destaque estas áreas ou pontos na página (com cores diferentes ou sublinhado), para
indicarmos que se trata de um link, ou interligação, no hipertexto. O par de tags <A> e </A>,
que definem o ponto para os links, esse tag é denominado âncora.
Para incluirmos um vínculo em uma página:
Vamos utilizar o atributo HREF ou o NAME, sendo o primeiro para marcar os links, e o segundo para marcar que estamos em uma página linkada.
Para que você entenda melhor:
OBS.: Sempre que um documento que vai ser linkado estiver em outro diretório, não se esqueça de mencioná-lo.
Acabamos de ver um exemplo de link vertical, com a estrutura básica de uma página. Faça o mesmo e veja o resultado.
Para fazer um link de e-mail é um pouquinho diferente. Você terá que informar antes de colocar o endereço que é um e-mail. Se você quiser colocar o seu e-mail, para que possam enviar sugestões ou críticas, coloque o tag <a href="mailto:fulano@provedor.com.br">E-MAIL</a>
Link para Imagem:
O link é criado a partir de uma figura da página. Este tipo de link pode ser local ou externo. Veja agora um exemplo de link local:
Esta imagem esta vinculada à página "IMAGEM".
CORES DE HYPERLINKS:
Os atributos LINK, ALINK e VLINK:
As cores dos hyperlinks variam de acordo com a sua condição: visitados, nunca visitados e ativos. Esse atributos, são definidos no tag <BODY>, e precisa ser colocado nas primeiras linhas do documento HTML.
EX: <BODY LINK="RED" ALINK="BLUE" VLINK="GREEN">
LINK determina a cor dos links não visitados, (vermelho);
ALINK determina a cor que deve ficar o link no momento em que está sendo clicado, (azul);
VLINK determina a cor dos links já visitados, (verde).
Para incluirmos um vínculo em uma página:
Vamos utilizar o atributo HREF ou o NAME, sendo o primeiro para marcar os links, e o segundo para marcar que estamos em uma página linkada.
Para que você entenda melhor:
| Pense em uma barra de links, o atributo HREF serve para marcarmos nessa barra um documento a ser linkado. |
|
Ex.1: <A HREF="listas.htm">LISTAS</A>
Neste exemplo, fizemos um link com o título LISTAS e que nos levará ao documento listas.htm, denominado de link horizontal, ou seja, faz uma referência a uma outra parte do site. |
|
Ex.2: <A HREF="http://www.tudonoar.com.br">Tudo no Ar...Entre nessa!</A>
Neste exemplo, fizemos um link com o título Tudo no Ar...Entre nessa! e que nos levará ao site do "Tudo no Ar" (que é um guia de TV), através de seu
endereço, que é denominado link externo, ou absoluto, ou seja, vai para um outro diretório ou site da Web.
Como a seguir:  Tudo no Ar...Entre nessa!
|
OBS.: Sempre que um documento que vai ser linkado estiver em outro diretório, não se esqueça de mencioná-lo.
| O NAME, denominado link vertical ou local, é um ponto de referência ou endereços que a linguagem HTML precisa para poder fazer a ligação, serve para marcar o início da seção do documento que será vinculado, para que você entenda melhor ainda, usa-se muito este atributo como "Subir ao topo", "Voltar", etc. |
|
Ex.3:
<HTML> <HEAD> <TITLE>Link Vertical</TITLE> </HEAD> <BODY> <A NAME="Topo"></A> <A HREF="#Web">Web</A> <A HREF="#FTP">FTP</A> <A NAME="Web"></A> O que é Web? (texto) <A HREF="#Topo">Subir</A> <A NAME="FTP"></A> O que é FTP? (texto) <A HREF="#Topo">Subir</A> </BODY> </HTML> |
Acabamos de ver um exemplo de link vertical, com a estrutura básica de uma página. Faça o mesmo e veja o resultado.
Para fazer um link de e-mail é um pouquinho diferente. Você terá que informar antes de colocar o endereço que é um e-mail. Se você quiser colocar o seu e-mail, para que possam enviar sugestões ou críticas, coloque o tag <a href="mailto:fulano@provedor.com.br">E-MAIL</a>
Link para Imagem:
O link é criado a partir de uma figura da página. Este tipo de link pode ser local ou externo. Veja agora um exemplo de link local:
Esta imagem esta vinculada à página "IMAGEM".
CORES DE HYPERLINKS:
Os atributos LINK, ALINK e VLINK:
As cores dos hyperlinks variam de acordo com a sua condição: visitados, nunca visitados e ativos. Esse atributos, são definidos no tag <BODY>, e precisa ser colocado nas primeiras linhas do documento HTML.
EX: <BODY LINK="RED" ALINK="BLUE" VLINK="GREEN">
LINK determina a cor dos links não visitados, (vermelho);
ALINK determina a cor que deve ficar o link no momento em que está sendo clicado, (azul);
VLINK determina a cor dos links já visitados, (verde).