Curso de html para Cegos.

Aula 2 - Links Hipertext.



-= 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:

<A HREF="xxx"> yyy </A>

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 os 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 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:
<A HREF="#final"> Clique aqui para ir ao final da página </A>
O resultado será: Clique aqui para ir ao final da página.
No final da página, temos que colocar:
<A NAME="final">Final da Página.</A>

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:
<A HREF="aula x.htm#marca">Aula x - na marca.</A>.

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:

<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:
<A HREF="mailto:[email protected]">Fale com o MAQ!</A>
O resultado será:
Fale com o MAQ!

Exemplo de página com links:

<HTML>
<HEAD>
<TITLE>xxx - Minha página 2 - Meus Favoritos .</TITLE>
</HEAD>

<BODY>
<CENTER><H1> Minhas páginas favoritas </H1></CENTER>
<p>
<HR>
<p>
Estas são as minhas páginas favoritas:

<P><A HREF="http://www.geocities.com/vv_delphi">
Programação Delphi para Cegos.</A>

<p> <A HREF="http://www.micropower.com"> Micropower </A>

<p> <A HREF="http://www.yahoo.com"> Yahoo! </A>

<P><A HREF="mailto:[email protected]">
Sugira novos endereços!</A>

<p> <A HREF="aula1.htm">Voltar a página Anterior. </A>

</BODY>
</HTML>

Gravamos nosso exemplo no diretório criado na primeira aula, com o nome de aula1.htm. Esta página deve ser a aula2.htm
Obs: para a aula1.htm ser a aula anterior deveria ter um link enviando ou um frame, veremos isso adiante)para esta aula2.

Aula 2 - Links Hipertext em txt.



Voltar para a Página Anterior.

Voltar para a Página Principal.

Proceguir na Próxima Página.

Bengala Legal.





Hosted by www.Geocities.ws

1