links

A tag <a href = "pagina_tal.html">Link para a página tal</a> você já conhece. É a tag que insere um link para outra página ou outro local da mesma página. Nesse exemplo, a página buscada pelo browser é a pagina_tal.html e o texto do link será Link para a página tal. Como se pode observar </a> é responsável pelo fechamento dessa tag.

Já fizemos um exemplo acessando outra página do mesmo diretório. Eis um exemplo de um link acessando uma página de outro site:

<a href = "http://www.dicasbcb.com.br">DicasBCB - o Site dos Programadores</a>.

Ao invés de um texto, podemos indicar uma imagem para ser usada como link:

<a rhef="página_tal.htm"><img border=off src="imagem.gif">

1 - O comando border=off foi usado para retirar a borda da figura;

2 - Não há necessidade de usar a tag </img> para fechar <img border=off src="imagem.gif">

É muito útil possibilitar aos visitantes de nossas páginas entrar contato conosco através de email:

<p><a href="mailto:contato@dicasbcb.com.br">

<img src=mail.gif border=0 aling=middle>Para nos enviar um e-mail, clique aqui</a>

Esse código gera um link que, ao ser clicado, abrirá o programa de e-mail padrão do computador, com o endereço especificado.

Como dissemos, também podemos inserir um link que remeterá o usuário para outro ponto da mesma página. para isso é necessário informar ao interpretador o local desejado, através de uma "âncora":

<A NAME="nome da ancora">Ao ser clicado, o link para a mesma página vém para cá...</A>

O comando responsável pela criação do link:

<A HREF="#nome da ancora">Clique aqui para ir a outro ponto nesta página</A>

Importante notar que HTML não é case sensitive. Quer dizer, não diferencia maiúsculas de minúsculas. Então tanto faz escrever <a href> como <A HREF>, </a> como </A>, <p> como <P> e assim por diante. Entenda bem: no nosso estudo, apenas HTML não é case sensitive, pois PHP, como veremos posteriormente, é case sensitive.