Codex

< Estilos | Índice | Imagens >

Os links são encontrados na maioria das páginas web. Os links permitem que usuários cliquem de uma página a outra.


HTML Hyperlinks (Links)

Um hyperlink (ou link) é uma palavra, grupo de palavras ou uma imagem que você pode clicar e automaticamente outro documento é chamado para a tela do browsers ou uma seção de um documento.

Quando você move o ponteiro do mouse sobre um link, ele muda de uma flecha para uma pequena mão.

Os links são feitos usando-se a tag <a>.

A tag <a> pode ser usada de duas maneiras:

  • Para criar um link para outro documento, usando o atributo href
  • Para criar um bookmark dentro de um documento, usando o atributo name.

Sintaxe do Link no HTML

O código em HTML para um link é simples:

O atributo href especifica o destino de um link.

Exemplo:

<a href="http://www.codex.wiki.br/">Visite o Codex</a>

Que vai aparecer assim: Visite o codex

Clicar no link acima irá direcionar o usuário para a página inicial do CODEX.

Dica: O "Texto do Link" não precisa ser somente texto. Pode ser uma imagem ou qualquer outro elemento do HTML, que não sejam aqueles usados em <head> ou o tag <html>.


Links HTML - O atributo target

O atributo target especifica onde um link deve ser visualizado.

O exemplo abaixo abre o link em uma nova janela do browser ou uma nova "tab"do browser.

Exemplo:

<a href="http://www.codex.wiki.br/" target="_blank">Visite O CODEX!</a>


Links HTML - O atributo name

O atributo name especifica o nome de uma âncora.

O atributo name cria uma âncora, que um outro link pode referenciar e pular para aquela seção do documento HTML.

Nota: O padrão HTML5 sugere o uso de um atributo id, ao invés de do atributo name para especificar o nome de uma âncora. Usando o atributo id também funciona para o HTML 4 para todos os browsers mais modernos.

As âncoras não são mostradas na renderização do browsers e são invisíveis para o usuário.

Exemplo:

Uma âncora dentro de um documento HTML:

Criar um link para a "Seção de Dicas" dentro do mesmo documento:

Ou, crie um link para "Seção de Dicas" de outra página:

<a href="http://www.codex.wiki.br/Html/Links#dicas">Visite a Seção de Dicas</a>


Notas e Dicas Básicas

Nota: Coloque sempre uma barra invertida para referênciar sub-pastas. Pois um link como : href="http://www.codex.wiki.br/Html", Você irá gerar dois trabalhos para o servidor web, O servidor primeiro colocará a barra invertida no endereço, e dai sim irá fazer o pedido pela página: href="http://www.codex.wiki.br/Html/".

Dica: Âncoras são normalmente usadas para criar "índices analíticos" no início de um documento grande. Cada capítulo no documento recebe uma âncora, e links para cada uma dessas âncoras são colocados no topo do documento HTML, dentro do índice.


Tags de link HTML

Tag Descrição
<a> Define uma âncora ou link


< Estilos | Índice | Imagens >