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.
|