Nesta licao voce aprendera como construir links entre paginas. O que eu preciso para construir um link? Para construir um link voce usa o que tem usado ate agora para codificar HTML: uma tag. Uma simples e pequenina tag com um elemento e um atributo e suficiente para voce construir links para onde quiser. Exemplo 1:<a href="http://www.rdtutoriais.blogspot.com/">Aqui um link para RD Tutoriais;/a>Sera renderizado no navegador assim:Aqui um link para RD TutoriaisO elemento a refere-se a "anchor" - ancora . O atribuito href e abreviacao para "hypertext reference" - referencia a hypertexto - e especifica o destino do link - que normalmente e um endereco na Internet ou um arquivo.No exemplo acima o atributo href tem o valor "http://www.rdtutoriais.blogspot.com", que e o endereco completo do site RD tutoriais e e chamado de URL (Uniform Resource Locator). Notar que "http://" deve sempre ser incluido nas URLs. A frase "Aqui um link para HTML.net" e o texto mostrado no navegador como link. Lembre-se de fechar a tag com um </a>.Como sao os links entre minhas proprias paginas? Se voce quer construir links entre paginas de um mesmo website voce nao precisa escrever o endereco completo de cada pagina (URL). Por exemplo, se voce tem duas paginas (vamos chama-las de pagina1.htm e pagina2.htm) e salvou as duas em um mesmo diretorio voce constroi um link de uma para a outra usando somente o nome do arquivo no link. Nestas condicoes, um link da pagina1.htm para a pagina2.htm e como mostrado abaixo: Exemplo 2:<a href="page2.htm">Aqui um link para a pagina 2</a>Se a pagina2 for colocada em um subdiretorio (chamado de "subdiretorio"), o link e como mostrado abaixo:Aqui um link para a pagina 2Exemplo 3:<a href="subdiretorio/pagina2.htm">Aqui um link para a pagina 2</a>Por outro lado, um link da pagina2 no "subdiretorio" para a pagina1 e como mostrado a seguir:Exemplo 4:<a href="../pagina1.htm">Aqui um link para a pagina 1</a>"../" aponta para o diretorio a um nivel acima do arquivo onde foi feito o link. Seguindo o mesmo principio voce pode apontar para dois (ou mais) niveis acima, escrevendo "../../".Voce entendeu? Como alternativa voce pode usar sempre o endereco completo do arquivo (URL).Como sao os links dentro de uma mesma pagina?Voce pode criar links internos, dentro da propria pagina - por exemplo, uma tabela de conteudos ou indice com links para cada um dos capitulos em uma pagina. Tudo o que voce precisa e usar o atributo id e o simbolo "#".Use o atributo id para marcar o elemento que e o destino do link. Por exemplo:<h1 id="heading1">Cabecalho 1</h1>Voce agora pode criar um link que leve aquele elemento usando o simbolo "#" no atributo do link. O simbolo "#" informa ao navegador para ficar na mesma pagina que esta. O simbolo "#" deve ser seguido pelo valor atribuido a id para onde o link vai. Por exemplo:<a href="#heading1">Link para o cabecalho 1</a>Tudo fica claro com um exemplo:Exemplo 5:<html><head></head><body><p><a href="#heading1">Link para cabecalho 1</a></p><p><a href="#heading2">Link para cabecalho 2</a></p><h1 id="heading1">Cabecalho 1</h1><p>Texto texto texto texto</p><h1 id="heading2">Cabecalho 2</h1><p>Texto texto texto texto</p></body></html>Sera renderizado no navegador assim:Link para cabecalho 1Link para cabecalho 2Cabecalho 1Texto texto texto textoCabecalho 2Texto texto