Links HTML

Links HTML

Quando precisamos indicar que um trecho de texto se refere a um outro conteúdo, seja ele no mesmo documento ou em outro endereço, utilizamos a tag de âncora <a>.

Existem dois diferentes usos para as âncoras. Um deles é a definição de links:

<p>
  Visite o site da <a href="http://sandersonbsb.blogspot.com.br/">PANICONANET</a>.
</p>

Note que a âncora está demarcando apenas a palavra "Caelum" de todo o conteúdo do parágrafo exemplificado. Isso significa que, ao clicarmos com o cursor do mouse na palavra "Caelum", o navegador redirecionará o usuário para o site da Caelum, indicado no atributo href.

Outro uso para a tag de âncora é a demarcação de destinos para links dentro do próprio documento, o que chamamos debookmark.

<p>Mais informações <a href="#info">aqui</a>.</p>
<p>Conteúdo da página...</p>

<h2 id="info">Mais informações sobre o assunto:</h2>
<p>Informações...</p>

De acordo com o exemplo acima, ao clicarmos sobre a palavra "aqui", demarcada com um link, o usuário será levado à porção da página onde o bookmark "info" é visível. Bookmark é o elemento que tem o atributo id.

É possível, com o uso de um link, levar o usuário a um bookmark presente em outra página.

<a href="http://sandersonbsb.blogspot.com.br/">
  Entre em contato sobre o curso
</a>

O exemplo acima fará com que o usuário que clicar no link seja levado à porção da página indicada no endereço, especificamente no ponto onde o bookmark "contato" seja visível.