Você enquanto estava num site já viu uma palavra ou frase azul? Então você já viu um link. O Link nada mais é do que uma referência a um outro documento, sendo ele local ou de outro domínio, ele que é responsável por fazer você ir para outra página na internet ou entrar em uma específica.
Sintaxe
<a href = "https://heartdevs.com/"> He4rt Devs </a>Destrinchando a sintaxe temos a tag <a> que é a tag de link e dentro temos o atributo href que é o endereço de destino, seja ele um arquivo local ou até mesmo uma página da Internet como está na sintaxe acima.
Com o atributo href temos várias possibilidades de links, desde links simples para um arquivo local até mesmo para um link que envie um email, abaixo vou explicar um pouco mais sobre isso.
Os três tipos utilizados dentro do href são:
- Interno: Irá redirecionar a um elemento âncora ou falando numa maneira mais simples, a algum elemento existente dentro da mesma página.
Ex:
<a href = "#home"> Inicial </a>- Local: Irá redirecionar para uma página que está dentro da pasta.
Ex:
<a href = /contents/6.Comentarios.md> Comentários </a> - Global: Irá redirecionar para uma página de "fora".
Ex:
<a href = "https://heartdevs.com/"> He4rt Devs </a>Além desses, temos outras formas de fazer links usando o href, que vão ser vistas abaixo.
Usando o href podemos fazer o link enviar um email, contendo o email da pessoa, assunto e até mesmo mensagem no corpo do email.
Ex:
<a href="mailto:[email protected]?subject=Aprendendo&body=Manda um Salve"> Salve?</a>Vamos lá, distrinchando todo o conteúdo do href temos:
- Mailto: Vai ser para qual endereço você vai está enviando email.
- ?: Vai separar o mailto e subject.
- Subject: Qual vai ser o assunto do email.
- &: Separa o subject do body.
- Body: Vai ser o corpo do email ou texto do email.
Podemos usar o href para usar o link como forma de download de um arquivo. Ex:
<a href = "urldodownload" download = "nomedoarquivo.exe">Aqui a única coisa diferente é o download que é onde vamos indentificar o nome do arquivo a ser baixado.
E por último, também podemos transformar imagens como links.
Ex:
<a href = https://heartdevs.com> <img width = "100" height = "100" src = "../assets/logohe4rt.png"></a>Destrinchando o link, vai ser:
- src: Local onde está a imagem.
- img: Serve para colocar uma imagem.
E para finalizar o módulo sobre links, vamos falar do último atributo utilizado nos links que é o target, que ele tem como função informar como o link ou redirecionamento deverá ocorrer.
Os atributos targets são:
- _blank: abre a página em uma nova janela/aba.
- _self: abre a página na mesma janela.
- _parente: abre a página na mesma janela do link.
- _top: cancela todos os frames e abre a pagina no mesmo navegador.
Ex:
<a href="https://heartdevs.com/" target="_blank"> Site da He4rt </a>Comentários <= Anterior | Início | Proximo => Tags de Lista