Html link

Postado: 8 de dezembro de 2021

Html link – Veja como criar links no HTML

Neste artigo veja como usar links no html e quais tipos de links podemos usar.

Os links são encontrados em quase todas as páginas de dentro de uma da web. Os links nos permite que os usuários cliquem para ir de uma página para outra.

Você pode clicar em um link e pular para outro documento.

Quando movemos o mouse sobre um link, a seta do mouse se transforma em uma pequena mãozinha.

Exemplo Básico e Prático:

<a>marca html define um hiperlink. Possui a seguinte sintaxe:

<a href="url">Texto do Link</a>

<!--Veja o Exemplo-->
<a href="https://www.loopnerd.com.br/codigos-html-prontos/">Códigos Html Prontos</a>

O atributo mais importante do <a> elemento é o atributo href, que indica o endereço do link.

texto do link é a parte que ficará visível para o usuário clicar.

Ai clicar no texto do link enviará o usuário para o endereço url especificado.

Veja na prática

<a href="https://www.loopnerd.com.br/">Loop Nerd</a>

<a href="https://www.loopnerd.com.br/sobre">Sobre o Loop Nerd</a>

<a href="https://www.facebook.com/loopnerd/">Facebook</a>

Os Links aparecerão da seguinte forma em todos os navegadores:

  • Um link não visitado está sublinhado e em azul
  • Um link visitado está sublinhado e roxo
  • Um link ativo está sublinhado e vermelho

Links HTML – o atributo de destino

Por padrão, a página vinculada será exibida na janela do navegador atual. 

Para alterar isso, você deve especificar outro destino para o link.

target atributo especifica onde abrir o documento vinculado.

targetatributo pode ter um dos seguintes valores:

_self – Predefinição. Abre o documento na mesma janela / guia em que foi clicado

_blank – Abre o documento em uma nova janela ou guia

_parent – Abre o documento no quadro pai

_top  – Abre o documento em todo o corpo da janela

Use target = “_ blank” para abrir uma vinculada em uma nova janela ou guia do navegador:

<a href="https://www.loopnerd.com.br/codigos-pronto/css/" target="_blank">Códigos Css</a>

Clique aqui para abrir uma nova janela Códigos Css

Link para um endereço de e-mail

Também podemos usar o mailto dentro da href para criar um link que abre o programa de e-mail do usuário (para permitir que ele envie um novo e-mail):

<a href="mailto:contato@loopnerd.com.br" title="Contato Loop Nerd">Contato Loop Nerd</a>

Contato Loop Nerd

Neste outro artigo você pode estilizar os links com Css.

Como Estilizar Links através de class com Css

Publicado por: loopnerd

504 Visualizações

Deixe um comentário

O seu endereço de e-mail não será publicado.

Artigos Relacionados