As tags podem conter atributos que auxiliam a descrever, especificar e detalhar suas propriedades.
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.
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>