Os materiais didáticos aqui disponibilizados estão licenciados através de Creative Commons Atribuição-SemDerivações-SemDerivados CC BY-NC-ND. Você possui a permissão para visualizar e compartilhar, desde que atribua os créditos do autor. Não poderá alterá-los e nem utilizá-los para fins comerciais.
Atribuição-SemDerivações-SemDerivados
CC BY-NC-ND
Cursos / Informática para Internet / Desenvolvimento Front-end I / Aula
Os links no HTML são utilizados para permitir acessar outros documentos através de um simples clique. Graças aos links, podemos ter uma melhor interação com os sistemas web.
O trecho do código abaixo mostra como utilizar a tag <a> para criar links no HTML:
<a href="pagina2.html">Página 2</a>Neste exemplo, ao clicar, o usuário será redirecionado para o documento HTML do arquivo pagina2.html.
Também é possível criar links para páginas externas, ou seja, links para outros sites. Nesse caso, basta colocar o endereço completo do site no atributo "href", conforme exemplo abaixo:
<a href="http://www.imd.ufrn.br">IMD</a>Por padrão, os links são abertos na mesma janela da página atual. No entanto, é possível alterar esse comportamento através do atributo "target". Esse atributo pode assumir os seguintes valores:
| Valor | Descrição |
|---|---|
| _blank | Abre o link em uma nova janela (ou aba) |
| _self | Abre o link na mesma janela que foi clicado (comportamento padrão) |
| _parent | Abre o link no frame "pai" |
| _top | Abre o link no topo da hierarquia de frames |
| framename | Abre o link no iframe cujo nome coincida com o desse parâmetro |
Abaixo, segue exemplo de uso do parâmetro "target" para abrir o link em uma nova aba:
<a href="http://www.imd.ufrn.br" target="_blank">IMD</a>Versão 5.3 - Todos os Direitos reservados