Mais "Tente você mesmo" exemplos abaixo.
Definição e Uso
O <a> tag define um hiperlink, que é usado para conectar-se a partir de uma página para outra.
O atributo mais importante do <a> elemento é o href atributo, que indica o destino do link.
Por padrão, os links aparecerão da seguinte forma em todos os navegadores:
- Uma ligação não visitados é sublinhado e azul
- Um link visitado é sublinhada e roxo
- Uma ligação activa é sublinhado e vermelho
Suporte a navegadores
| Elemento | |||||
|---|---|---|---|---|---|
| <a> | sim | sim | sim | sim | sim |
Dicas e Notas
Dica: Os following atributos: download, hreflang, media, rel, target e type não pode estar presente se o href atributo não está presente.
Dica: A página vinculada normalmente é exibido na janela do navegador atual, a menos que você especifique outro alvo.
Dica: Use CSS para ligações estilo: CSS Ligações Tutorial & CSS botões Tutorial
Diferenças entre HTML 4.01 e HTML5
Em HTML 4.01, o <a> tag poderia ser tanto um hiperlink ou uma âncora. Em HTML5, o <a> tag é sempre um hiperlink, mas se ele não tem href atributo, é apenas um espaço reservado para um hiperlink.
HTML5 tem alguns novos atributos, e alguns HTML 4.01 atributos não são mais suportados.
Atributos
= Novo em HTML5.
Atributos globais
O <a> tag também suporta o Global de Atributos em HTML .
Atributos de eventos
O <a> tag também suporta o evento Atributos em HTML .
Tente você mesmo - Exemplos
criar hiperlinks
Como criar hiperlinks.
Uma imagem como um link
Como usar uma imagem como um link.
Abrir um link em uma nova janela do navegador
Como abrir um link em uma nova janela do navegador, de modo que o visitante não tem que deixar seu Web site.
Criar um link mailto
Como conectar-se a uma mensagem de correio (só irá funcionar se você tiver e-mail instalado).
Criar um link mailto 2
Outra ligação mailto.
Link para um elemento com um determinado id
Como conectar-se a um elemento com um determinado id dentro de uma página (o name atributo não é suportado no HTML5).
Link para um JavaScript
Como adicionar um JavaScript dentro do href atributo.
Páginas relacionadas
Tutorial HTML: links em HTML
Referência HTML DOM: Objeto Anchor
CSS Tutorial: Ligações Styling
Configurações CSS padrão
A maioria dos navegadores irá exibir o <a> elemento com os seguintes valores padrão:
a:link, a:visited {
color: ( internal value );
text-decoration: underline;
cursor: auto;
}
a:link:active, a:visited:active {
color: ( internal value );
} | Atributo | Valor | Descrição |
|---|---|---|
| charset | char_encoding | Não suportado em HTML5. Especifica o conjunto de caracteres de um documento vinculado |
| coords | coordinates | Não suportado em HTML5. Especifica as coordenadas de um link |
| download | filename | Especifica que o alvo será baixado quando o usuário clica no link |
| href | URL | Especifica o URL da página o link vai para |
| hreflang | language_code | Especifica o idioma do documento vinculado |
| media | media_query | Especifica o que a mídia / dispositivo o documento vinculado é otimizado para |
| name | section_name | Não suportado em HTML5. Use o mundial id atributo em vez disso. Especifica o nome de uma âncora |
| rel | alternate author bookmark help license next nofollow noreferrer prefetch prev search tag | Especifica a relação entre o documento e o documento corrente ligada |
| rev | text | Não suportado em HTML5. Especifica a relação entre o documento e o documento ligada actual |
| shape | default rect circle poly | Não suportado em HTML5. Especifica a forma de um link |
| target | _blank _parent _self _top framename | Especifica onde abrir o documento vinculado |
| type | media_type | Especifica o tipo de mídia do documento vinculado |