-= Curso HTML - Links =-
Marco Antonio de Queiroz.
A característica mais espetacular e de êxito da Web é, além dos recursos
multimídia, a possibilidade de unir distintas páginas em todo o mundo por
meio de links hypertext.
Estrutura dos links.
Em geral, os links têm a seguinte estrutura:
yyy
onde xxx é o destino do link.
yyy é o texto indicativo no browser do link (com cor especial e geralmente
sublinhado).
Tipos de links
São quatro tipos de links:
1. Links dentro da mesma página.
2. Links com outra página nossa
3. Links com uma página fora do nosso sistema
4. Links que direciona para um e-mail
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.
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:
Vai Saltar.
O local para onde queremos saltar deverá constar:
Saltou.
Por exemplo, se queromos saltar daqui para o final da página, devemos por a
seguinte etiqueta:
Clique aqui para ir ao final da página
O resultado será: Clique aqui para ir ao final da página.
No final da página, temos que colocar:
Final da Página.
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 aula2.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:
Exemplo da aula 2
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 . Então,
a etiqueta tem que ser: Aula x - na marca..
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.
Esta U R L colocamos no lugar do xxx (o destino do link). A etiqueta seria:
Texto do link
Um exemplo:
Fale com o MAQ!
O resultado será:
Fale com o MAQ!
Exemplo de página com link:
xxx - Minha página 2 - Meus Favoritos .
Minhas páginas favoritas
Estas são as minhas páginas favoritas:
Programação Delphi para Cegos.
Micropower
Yahoo!
Sugira novos endereços!
Voltar a página Anterior.
Gravamos nosso exemplo no diretório criado na primeira aula, com o nome de
aula1.htm. Esta página deve ser a aula3.htm
Obs: para a aula1.htm ser a aula anterior deveria ter um link enviando
ou um frame, veremos isso adiante)para esta aula3.