🔗Tag <a> para links

A tag <a> cria links em HTML. Use href para definir o destino, target="_blank" para abrir em nova aba, e mailto: para links de e-mail. Links podem ser para outras páginas, seções ou e-mails.

A tag <a> é usada em HTML para criar links. Esses links podem levar a outras páginas da web, a diferentes seções da mesma página, ou a endereços de e-mail. Vamos ver como usar a tag <a> de forma simples e com exemplos.

Estrutura Básica

A estrutura básica de um link com a tag <a> é:

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

• href: Este atributo especifica o destino do link. Pode ser um URL completo, um caminho relativo ou um identificador de âncora.

Exemplos de Uso

1. Link para Outra Página Web:

   <a href="https://www.exemplo.com">Visite o Exemplo</a>

   Quando o usuário clica no texto "Visite o Exemplo", ele será levado para o site "https://www.exemplo.com".

2. Link para uma Página Interna:

   <a href="pagina.html">Ir para Página Interna</a>

   Esse link leva a uma página chamada "pagina.html" dentro do mesmo site.

3. Link para um E-mail:

   <a href="mailto:[e-mail]">Enviar E-mail</a>

   Clicar neste link abrirá o cliente de e-mail do usuário para enviar um e-mail para "[e-mail]".

4. Link para uma Seção da Mesma Página: Primeiro, você precisa definir um identificador (ID) para o elemento ao qual deseja vincular:

   <h2 id="seção1">Seção 1</h2>

   Depois, crie um link para esse ID:

   <a href="#seção1">Ir para Seção 1</a>

   Clicar neste link levará o usuário diretamente para a "Seção 1" na mesma página.

Atributos Adicionais

• target: Define onde abrir o link. O valor _blank abre o link em uma nova aba.

  <a href="https://www.exemplo.com" target="_blank">Abrir em Nova Aba</a>

• title: Adiciona um texto descritivo que aparece quando o usuário passa o mouse sobre o link.

  <a href="https://www.exemplo.com" title="Visite o Exemplo">Visite o Exemplo</a>

Conclusão

A tag <a> é fundamental para a navegação na web, permitindo que os usuários se movam entre páginas e recursos. Usando o atributo href, você pode direcionar os links para URLs, endereços de e-mail, e seções específicas de uma página, criando uma experiência de navegação rica e interativa.