|
Curso de html para Cegos. Aula 2 - Links Hipertext.
Estrutura dos links.
Em geral, os links têm a seguinte estrutura:
<A HREF="xxx"> yyy </A>
onde xxx é o destino do link.
Tipos de links.
São quatro os tipos de links:
1. Links dentro da mesma página.
1. Links dentro da mesma página.
As vezes, no caso de documentos (ou páginas) muito extensos, nos interessa
saltar para outra posição dentro da mesma
página.
Neste caso, o que antes tínhamos chamado xxx, agora dentro de nossa página,
deveremos substituir por #marca (a palavra marca pode ser qualquer outra
palavra). O que antes chamamos de yyy é a palavra (ou palavras) que aparecem
no browser colorido (em forma de hypertext). Sua estrutura é a seguinte:
<A HREF="#marca"> Vai Saltar.</A>
O local para onde queremos saltar deverá constar:
<A NAME="marca">Saltou.</A>
Por exemplo, se queromos saltar daqui para o final da página, devemos por a
seguinte etiqueta:
2. Links com outra página nossa.
Pode ser que tenhamos que carregar uma página só. Porém, o mais freqüente, é
que tenhamos várias páginas, uma inicial (ou principal) e outras conectadas a
ela.
Suponhamos que queremos fazer um link com a página criada no capítulo
anterior e que a havíamos chamado de aula1.htm. Neste caso, simplesmente
substituimos o que tínhamos chamado de xxx no exemplo padrão dos links, (o destino do link) pelo nome do
arquivo:
<A HREF="aula1.htm"> Exemplo da aula 1 </A>
Se quisermos que o link salte para um local determinado em outra página, ao
invés do início (default), temos que colocar uma marca (veja exemplo
anterior), e completar o link com referência a esta marca,
como veremos no seguinte exemplo: quero colocar um link daqui a aula
xyz, porém a um local determinado, onde coloco a marca <A NAME="marca"></A>. Então,
a etiqueta tem que ser:
3. Links com uma página fora do nosso sistema.
Se quisermos saltar para uma página que está fora do nosso sistema, é
necessário conhecer seu endereço completo, ou URL (Uniform Resource Locator).
A U R L pode ser para ftp, gopher, http, etc.
<A HREF="http://www.bengalalegal.com>Página do MAQ.</A>
O resultado será: Página do MAQ.
É muito importante copiar a URL corretamente (respeitando as maiúsculas e
minúsculas, pois os servidores UNIX as distinguem).
4. Links que direciona para um e-mail.
Neste caso, substituimos o que chamamos de xxx (o destino do link) por mailto:
seguido do endereço do e-mail. A estrutura da etiqueta é:
<A HREF="mailto: endereço do e-mail"> Texto do link </A>
Um exemplo:
Exemplo de página com links:
<HTML>
<BODY>
<P><A HREF="http://www.geocities.com/vv_delphi">
<p> <A HREF="http://www.micropower.com"> Micropower
</A>
<p> <A HREF="http://www.yahoo.com"> Yahoo! </A>
<P><A
HREF="mailto:[email protected]">
<p> <A HREF="aula1.htm">Voltar a página Anterior.
</A>
</BODY>
Gravamos nosso exemplo no diretório criado na primeira aula, com o nome de
aula1.htm. Esta página deve ser a aula2.htm
|