Links

Links
 
 

São os Links que fazem com que uma página HTML seja mais do que um simples documento de texto. Carrega-se num e lá se vai para outro lado. Surfar a Net, dizem...

Antes de chegar aqui e ler isto já carregou em milhares deles, de certeza. Trata-se agora de saber como os pôr numa página.

Nada como uns exemplos para vermos como se faz!
(eu sei que nenhum Link aqui funciona, é de propósito)

Código:
No <A HREF="http://www.maravista.pt">mar à vista</A> é que há boas praias
Resultado:
No mar à vista é que há boas praias
Pode parecer mas não é complicado.
  • Começa-se com <A HREF="Destino">
  • O Destino é para onde nos querem enviar. Mais sobre isto daqui a bocado.
  • Depois vem o texto que vai servir de indicação do Link. Também pode ser uma imagem (já lá vamos). É onde se pode carregar com algum resultado.
  • Termina-se com </A>
  • É tudo.
Algumas coisas que convém saber:
  • Normalmente os Links aparecem sublinhados, mas isso pode ser alterado no Browser de quem está a ler a página. Não podemos fazer nada quanto a isso.
  • Podemos escolher a cor geral dos Links (veja a página sobre cores), embora isso também possa ser ultrapassado pela configuração do Browser de quem lê a página.
  • O número de dias em que um Link se mantém como visitado é mais uma coisa configurável no Browser do leitor.
  • No caso do Link ser uma imagem já se pode escolher se a queremos com uma cercadura a indicar o Link ou não. Vamos já tratar disso.
Dissemos que um Link também podia ser uma imagem. Aliás para chegar aqui teve de carregar numas poucas de certeza.

O código é assim:

Carregue no <A HREF="http://www.internet.pt/luis"> <IMG SRC="botao.gif"></A> para ver a página do meu amigo Luis.

E o resultado é:
Carregue no para ver a página do meu amigo Luis.

Não querendo a cercadura na imagem:
Carregue no <A HREF="http://www.maravista.pt"><IMG BORDER=0 SRC="botao.gif"></A> para ir ao mar à vista.

Resulta assim:
Carregue no para ir ao mar à vista.
Bastou definir um BORDER com valor 0. Se daqui concluir que pode dar outro valor qualquer ao BORDER, tem toda a razão. Podem-se fazer verdadeiros exageros!

Nos exemplos acima usou-se como destino do Link um endereço completo. Pode usar só o nome da página que pretende, desde que esta esteja no mesmo directório, como é o caso das páginas que fizer aqui no Terravista.
Suponha que para o espaço que tem ao seu dispor pretende uma página de entrada, uma sobre o seu hobby favorito, colecção de caixinhas, e mais umas poucas sobre outros assuntos que não vão ser considerados aqui e agora.

Obrigatóriamente dará o nome index.html à página de entrada. As outras podem chamar-se o que lhe apetecer, desde que a extenção seja .html (ou .htm se só puder ter três letras). A página sobre a colecção vai-se chamar coleccao.html, espero que esteja de acordo.

Onde eu queria chegar era aqui, o código de um Link na página de entrada para a página da colecção seria uma coisa deste género:
Veja a minha <A HREF="coleccao.html">colecção</A> de caixinhas.

O respectivo resultado:
Veja a minha colecção de caixinhas.
Cuidado com duas coisas: coleccao.html é diferente de Coleccao.html (maiusculas e minusculas não são equivalentes) e nunca use acentos ou ç nos nomes.

É possível ter um Link para um ponto específico numa página. Tem é de primeiro deixar uma "marca" no local para onde quer que o Link aponte. A "marca" faz-se assim: <A NAME="#marca">
O código para o Link é: <A HREF="#marca">texto ou imagem</A>

Deixámos no princípio desta página uma "marca" com o nome de "outravez" (<A NAME="#outravez"> agora para o fazer saltar para lá escreve-se:
Volte ao <A HREF="#outravez">princípio</A> da página

Confira se resulta:
Volte ao princípio da página

Claro que resulta, nós testamos essas coisas!

Isto funciona para qualquer página, desde que se saiba como se chama a "marca". No exemplo acima, da colecção, podia fazer um Link directo a uma caixinha de que se orgulhasse bastante.
Desde que préviamente lá tivesse deixado uma "marca", o código seria assim:

Uma <A HREF="coleccao.html#rarissima">preciosidade</A> da minha colecção

O efeito este:
Uma preciosidade da minha colecção

Um Link não é obrigatóriamente para uma página, pode ser para um servidor de ftp <A HREF="ftp://ftp.internet.pt/pub/...">, para um ficheiro <A HREF="file.zip">, etc.

Ou então para nos escreverem!
Assim:

escreva-me para
<A HREF="mailto:idoru@mail.internet.pt">
<ADDRESS> idoru@mail.internet.pt </ADDRESS> </A>
eu gosto de ler correio.

Resultado:
escreva-me para
idoru@mail.internet.pt
eu gosto de ler correio.


abêcê listas cores imagens links resumo


R="#660000">
#660000