Links

As tags podem conter atributos que auxiliam a descrever, especificar e detalhar suas propriedades. estrutura

Links <a>

Os hiperlinks são inseridos através da tag <a> De acordo com o atributo e o valor utilizado o link pode ser feito com uma página externa (em outro site), uma página interna (no mesmo site) ou com a mesma página (âncora). Abaixo temos a estrutura básica da tag de link. estrut_link

Atributos básicos do link

  • href = endereço de destino (página, url, âncora)
  • id = identidade do elemento (estabelece a âncora)
  • target = local de destino: nova página (_blank), mesma página ( _self ), no frame superior ( _ parent) e no corpo da janela ( _top)

Tipos de link

Os links podem ser para páginas externas, locais ou mesmo no mesmo documento. Veja os casos:

Links para páginas externas

Quando se trata de páginas em um outro website, externo, apontamos o endereço da url completa:

<a href=“http://google.com”>Google</a>

Links para páginas locais

Quando se trata de páginas no mesmo site, locais, apontamos apenas o nome do documento html:

 <a href=“cajuzinho.html”>Receita de Cajuzinho</a>

Links para a mesma página

Quando queremos ligar um link a uma parte no mesmo documento, fazemos uma âncora. Para isso precisamos de um link que aponta e outro link (ou elemento) que recebe a âncora. Link que aponta:

 <a href=“#ingredientes”>Veja os ingredientes</a>

Âncora (que recebe):

<a id=“ingredientes”>Lista de ingredientes</a>

Clique para baixar o documento com exemplos de links.