Hiperlinks, âncoras e links
Os links são encontrados em quase todas as páginas da web. Links de permitir aos usuários a clicar o seu caminho a partir de uma página para outra.
- Hiperlink é uma referência a um recurso na web
- Hiperlink pode apontar para qualquer recurso da web:
- Uma página HTML
- Uma imagem
- Um arquivo de som
- Um arquivo de filme
- Âncora é o termo utilizado para o destino de um hiperlink dentro de um documento
Hyperlinks HTML (Links)
A tag <a> HTML define um hiperlink ou simplesmente link, em português, hiperligação, ligação ou liame.
Uma hiperligação (ou link) é uma palavra, grupo de palavras, ou a imagem que você pode clicar para saltar para outro documento.
Quando você move o cursor sobre um link em uma página da Web, a seta vai se transformar em uma mão com o dendo indicador.
O atributo mais importante do elemento <a> é o atributo href, que indica o destino do link.
Por padrão, os links vão aparecer da seguinte forma em todos os navegadores:
- Um link não visitado é sublinhado e azul
- Um link visitado é sublinhado e roxo
- Uma ligação ativa é sublinhado e vermelho
Sintaxe do link HTML
O código HTML para um link é simples. Parece que este:
<a href="url">Texto do link</a>
O atributo href especifica o destino de um link.
Exemplo
<a href="http://wmonline.com.br/artigos/">Leia artigos no Webmasters Online</a>
que irá mostrar como esta:
Leia artigos no Webmasters Online
Ao clicar nesse link irá enviar o usuário para a página inicial do Agente Webmaster.
Dica: O " texto do link "não tem que ser um texto. Ela pode ser uma imagem ou qualquer outro elemento de HTML.
HTML Links - o atributo target
O atributo target especifica onde abrir o documento vinculado.
O exemplo abaixo irá abrir o documento vinculado em uma nova janela do navegador ou uma nova aba:
<a href="http://wmonline.com.br/artigos/" target="_blank">Leia artigos no Webmasters Online</a>
HTML Links - o atributo id e name
O atributo id pode ser usado para criar um marcador dentro de um documento HTML.
Dicas:
- Favoritos não são exibidos em qualquer forma especial. Eles são invisíveis para o leitor.
- O atributo name não é mais suportado em HTML 5. Agora o suporte para links âncoras está atribuído ao atributo id.
Exemplo
Uma âncora com um id dentro de um documento HTML:
<a id="dicas" name="dicas"></a>
Crie um link para o "Informações úteis na página" no mesmo documento:
<a href="#dicas">Dicas úteis na página</a>
Ou então, você pode criar um link para uma seção da página:
<a href="http://wmonline.com.br/artigos/cms/ucoz/abrindo_uma_loja_virtual_no_ukit/28-1-0-133#comments"> Ir para os comentários da postagem</a>
Observações Básicas - Dicas Úteis
Nota: Sempre adicione uma barra de subpasta referências. Se você ligar assim: href = "http://wmonline.com.br/", você vai gerar dois pedidos para o servidor, o servidor primeiro adicionar uma barra para o endereço e, em seguida, criar uma nova solicitação como esta : href = "http://wmonline.com.br/".
Tags de links no HTML
| Tag | Descrição |
|---|---|
| <a> | Define um hyperlink |