Professional Documents
Culture Documents
net
http://pt-br.html.net/tutorials/html/lesson8.php
Lio 8: Links
Nesta lio voc aprender como construir links entre pginas.
Exemplo 1:
Exemplo 2:
Se a pagina2 for colocada em um subdiretrio (chamado de "subdiretorio"), o link como mostrado abaixo:
Exemplo 3:
1 de 4
04/02/2014 16:36
2 de 4
http://pt-br.html.net/tutorials/html/lesson8.php
Por outro lado, um link da pagina2 no "subdiretorio" para a pagina1 como mostrado a seguir:
Exemplo 4:
"../" aponta para o diretrio a um nvel acima do arquivo onde foi feito o link. Seguindo o mesmo princpio
voc pode apontar para dois (ou mais) nveis acima, escrevendo "../../".
Voc entendeu? Como alternativa voc pode usar sempre o endereo completo do arquivo (URL).
Voc agora pode criar um link que leve quele elemento usando o smbolo "#" no atributo do link. O smbolo
"#" informa ao navegador para ficar na mesma pgina que est. O smbolo "#" deve ser seguido pelo valor
atribuido a id para onde o link vai. Por exemplo:
Exemplo 5:
<html>
<head>
</head>
<body>
<p><a href="#heading1">Link para cabealho 1</a></p>
<p><a href="#heading2">Link para cabealho 2</a></p>
04/02/2014 16:36
3 de 4
http://pt-br.html.net/tutorials/html/lesson8.php
Cabealho 1
Texto texto texto texto
Cabealho 2
Texto texto texto texto
Exemplo 6:
A nica diferena que no lugar do endereo do documento voc escreve mailto: seguido pelo endereo
de e-mail. Quando o link clicado o programa de e-mail padro do usurio aberto com o endereo do link
j digitado na linha para destinatrio. Mas, ateno, isto s ir funcionar se o usurio tiver um programa de
e-mail instalado na sua mquina. Faa uma experincia com este tipo de link clicando no exemplo acima.
04/02/2014 16:36
4 de 4
http://pt-br.html.net/tutorials/html/lesson8.php
Exemplo 7:
HTML.net
O atributo title usado para fornecer uma breve descrio do link. Se voc - sem clicar no link - colocar o
cursor do mouse sobre o link, vai aparecer o texto "Visite o site HTML.net e aprenda HTML".
04/02/2014 16:36