Os links são encontrados em quase todas as páginas da web. Links permitem que os usuários a clicar o seu caminho a partir de uma página para outra.
HTML Ligações Descrição
um hiperlink, ou simplesmente um link, é uma referência a dados que o leitor pode seguir diretamente clicando, batendo, ou pairando.
A hiperligação aponta para um documento inteiro ou a um elemento específico em um documento. Hipertexto é um texto com hyperlinks. O texto que está ligada a partir é chamado de texto âncora.
Um sistema de software que é usado para visualização e criação de hipertexto é um sistema de hipertexto, e para criar um hiperlink é hyperlink (ou simplesmente para ligar). A seguir hiperlinks usuário é dito para navegar ou procurar o hipertexto.
Links em HTML - Hyperlinks
links HTML são hyperlinks.
Um hiperlink é um texto ou uma imagem que você pode clicar, e saltar para outro documento.
Links em HTML - Sintaxe
Em HTML, links são definidos com o <a> tag:
<a href=" url "> link text </a>Exemplo
<a href="http://www.w3ii.com/html/default.html">Visit our HTML tutorial</a> Tente você mesmo " O href atributo especifica o endereço de destino (http://www.w3ii.com/html/default.html)
O texto do link é a parte visível (Visit our HTML tutorial) .
Clicando no texto do link, vai mandar você para o endereço especificado.
O texto da ligação não tem que ser um texto. Pode ser uma imagem HTML ou qualquer outro elemento HTML.
Sem uma barra final em endereços de subpastas, você pode gerar dois pedidos para o servidor. Muitos servidores irá adicionar automaticamente uma barra no final do endereço, e em seguida, criar um novo pedido.
Ligações locais
O exemplo acima utilizado um URL absoluto (A full web address) .
Um link local (link to the same web site) é especificado com uma URL relativa (without http://www.... ) .
Links em HTML - Cores
Quando você move o mouse sobre um link, duas coisas vão acontecer normalmente:
- A seta do mouse vai se transformar em um pouco de lado
- A cor do elemento de ligação vai mudar
Por padrão, um link aparecerá como esta (in all browsers) :
- Uma ligação não visitados é sublinhado e azul
- Um link visitado é sublinhada e roxo
- Uma ligação activa é sublinhado e vermelho
Você pode alterar as cores padrão, usando estilos:
Exemplo
<style>
a:link {color:green; background-color:transparent; text-decoration:none}
a:visited {color:pink; background-color:transparent; text-decoration:none}
a:hover {color:red; background-color:transparent; text-decoration:underline}
a:active {color:yellow; background-color:transparent; text-decoration:underline}
</style> Tente você mesmo " Links em HTML - O target Atributo
O target atributo especifica onde abrir o documento vinculado.
Este exemplo vai abrir o documento vinculado em uma nova janela do navegador ou em uma nova aba:
| Valor alvo | Descrição |
|---|---|
| _blank | Abre o documento vinculado em uma nova janela ou aba |
| _self | Abre o documento vinculado no mesmo quadro, uma vez que foi clicado (this is default) |
| _parent | Abre o documento vinculado no quadro pai |
| _top | Abre o documento vinculado no corpo completo da janela |
| framename | Abre o documento vinculado em um quadro chamado |
Se sua página é bloqueada em um quadro, você pode usar target="_top" para sair da moldura:
Exemplo
<a href="http://www.w3ii.com/html/default.html" target="_top">HTML5 tutorial!</a> Tente você mesmo " Links em HTML - Imagem como link
É comum o uso de imagens como links:
Exemplo
<a href="default.html">
<img src="smiley.gif" alt="HTML tutorial" style="width:42px;height:42px;border:0">
</a> Tente você mesmo " border: 0 é adicionado para evitar IE9 (and earlier) de exibir uma borda ao redor da imagem.
Links em HTML - Criar um Bookmark
marcadores HTML são usados para permitir que os leitores para pular para partes específicas de uma página da Web.
Marcadores são práticos, se o seu site tem páginas.
Para fazer um marcador, você deve primeiro criar o marcador, e depois adicionar um link para ele.
Quando o link é clicado, a página vai deslocar para o local com o marcador.
Exemplo
Em primeiro lugar, criar um marcador com o id atributo:
<h2 id="tips">Useful Tips Section</h2>Em seguida, adicione um link para o marcador ("Useful Tips Section") , a partir da mesma página:
<a href="#tips">Visit the Useful Tips Section</a>Ou, adicione um link para o marcador ("Useful Tips Section") , a partir de outra página:
Resumo do capítulo
- Use o HTML <a> elemento para definir um link
- Use o HTML href atributo para definir o endereço do link
- Use o HTML target atributo para definir onde abrir o documento vinculado
- Use o HTML <img> elemento (inside <a> ) para usar uma imagem como um link
- Use o HTML id atributo ( id=" value ") para definir marcadores em uma página
- Use o HTML href atributo ( href="# value ") para ligar para o marcador
Teste-se com exercícios!
Exercício 1 » Exercício 2» Exercício 3 » Exercício 4» Exercício 5 »
HTML Link Tag
| etiqueta | Descrição |
|---|---|
| <a> | Define um hiperlink |