Início » Tutoriais » Tutorial HTML

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.


  1. Hiperlink é uma referência a um recurso na web
  2. Hiperlink pode apontar para qualquer recurso da web:
    • Uma página HTML
    • Uma imagem
    • Um arquivo de som
    • Um arquivo de filme
  3. Â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://agentewebmaster.ucoz.com.br/">Visite Agente Webmaster</a>

que irá mostrar como esta: 

Visite Agente Webmaster

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://agentewebmaster.ucoz.com.br/" target="_blank">Visite Agente Webmaster</a>

HTML Links - o atributo id e name

O atributo id pode ser usado para criar um marcador dentro de um documento HTML.

Dicas: 

  1. Favoritos não são exibidos em qualquer forma especial. Eles são invisíveis para o leitor.
  2. 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://agentewebmaster.ucoz.com.br/blog/2014-06-15-18#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://agentewebmaster.ucoz.com.br/publ/html/2", 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://agentewebmaster.ucoz.com.br/publ/html/2".


Tags de links no HTML

Tag Descrição
<a> Define um hyperlink

Em caso de dúvida, você pode tirar nos comentários.

Categoria: Tutorial HTML | Adicionado por : ShZlot (13-07-2014)
Visualizações: 650 | Ranking: 0.0/0
Total de comentários: 0
avatar