Links HTML
Este tutorial abordará as seguintes maneiras de utilizar links HTML:
- O tag para especificar um link.
- O tag dentro do tag para utilizar uma imagem como um link.
- O alvo atributo de Tag para especificar a janela onde você deseja abrir o site vinculado, documento, etc.
- O Href atributo dentro tag para especificar o link do destino alvo.
- O ONCLICK Método para usar o botão como link
Tag html
É um hiperlink usado para navegar de uma página da web para outra, é preciso um atributo Href Para especificar o endereço de destino. Por padrão, o link será aberto na janela atual do navegador, no entanto, esse comportamento pode ser modificado usando o alvo atributo.
Exemplo
Vamos criar um hiperlink para pular do documento atual para o Linuxhint.com:
Links em html
Clicar no link nos direcionará para Linuxhint.com:
Atributo de destino HTML
No exemplo acima, notamos que, quando clicamos no link, o site vinculado foi aberto na mesma janela. A janela de destino pode ser modificada para o link especificado usando o alvo atributo.
O atributo de destino pode usar um dos seguintes valores para definir a janela de destino onde o link será aberto:
_auto: Para abrir o link na mesma janela
_em branco: abre o link na nova janela
Se não especificarmos o atributo de destino, por padrão, o link será aberto usando o "_auto" valor i.e. Na mesma página.
Exemplo Vamos considerar as seguintes linhas de código para entender como "_em branco" Valor funciona:
Links em html
A saída a seguir verificará se o link é aberto em uma nova guia:
Atributo html href
Href pode ser usado para especificar o URLs absolutos ou o Links relativos. O URL absoluto refere -se ao endereço completo do site e.g. “Https: // www.Linuxhint.com/”e geralmente é usado para vincular os recursos em outros sites. Por exemplo, o exemplo acima leva um endereço que nos direciona para Linuxhint.com.
Enquanto Links relativos Consulte um link local e geralmente são usados para vincular os recursos no mesmo site.
Exemplo O código abaixo do gold tem um link absoluto para “Linuxhint.com ”e um link local para uma imagem“ Linux.png ”:
Links em html
O trecho acima gerará a seguinte saída:
Imagem como link
Para usar a imagem como um link, temos para especificar o tag dentro do marcação.
Exemplo O código abaixo foi criado uma imagem, clicando na imagem abrirá o link especificado.
Imagem html como link
Clicar na imagem navegará para Linuxhint.com
Teremos a seguinte saída:
Botão como link
No HTML, uma tag pode ser usada para criar um botão e um link pode ser especificado dentro da tag de botão usando o OnClick Event.
Exemplo Este exemplo criará um botão e clicar no botão abrirá um novo link:
Imagem html como link
Clicar no botão navegará para Linuxhint.com
A seguir será a saída:
Conclusão
O A tag é usada para especificar um link no HTML com a ajuda de seu atributo href, que é usado para determinar o endereço do link e o atributo de destino é usado para especificar a guia direcionada i.e. Link de abertura na guia atual ou em uma nova guia. Este artigo fornece uma visão geral abrangente dos links em HTML. Explica a diferença entre o caminho absoluto e o caminho relativo. Além disso, descreveu como usar a imagem e o botão como um link.