Neste artigo, mostrarei como usar a tag a em HTML para criar um link ( link ) em uma página da web.

A tag a desempenha um papel muito importante em um site, é usada para criar links para vincular o site. Dê uma olhada na estrutura deste site, eu criei muitos links, cada um dos quais irá apontar para lições no próprio site freetuts.net.

Além disso, você também pode criar links para qualquer outro site, que são links úteis para os leitores.

O que é a tag em HTML?

A tag a em html é usada para criar links, ou seja, os links de um determinado site na internet.

Se você aprender sobre SEO, verá que a tag desempenha um papel importante quando você faz backlinks. Temos dois tipos de links, que são links internos (links internos ) e links externos para outros sites ( links externos ). Links internos são links que direcionam apenas para páginas dentro do domínio, enquanto links externos são links que apontam para sites que não são do domínio atual.

A sintaxe para criar um link com uma tag é a seguinte :

 <a href="https://hocvietcode.com">web888.vn</a>

Onde href é o caminho para o site que você deseja apontar.

Exemplo : Crie um link com o conteúdo de aprendizagem javascript , apontando para o link https://hocvietcode.com/hoc-javascript .

 <a href="https://hocvietcode.com/hoc-javascript">học javascript</a>

Atributos da tag a em HTML

A seguir, apresentarei alguns dos atributos mais usados em uma tag.

O atributo title da tag a .

O atributo title é usado para descrever o significado do link. Ao passar o mouse sobre o link, aparecerá um texto, que é o conteúdo que colocamos no atributo title.

 <a href="https://hocvietcode.com/hoc-javascript" title="học javascript tại đây">học javascript</a>

O atributo rel da tag a .

A pessoa média estaria menos interessada neste atributo. Mas se você é uma pessoa de SEO, precisará prestar atenção.

O atributo rel é usado para informar aos mecanismos de pesquisa se devem ou não detectar esse link. Tem dois valores da seguinte forma:

• segue lá
• nofollow significa não detectado

Exemplo : Declare que os bots de pesquisa não acessem o link no exemplo acima.

 <a href="https://hocvietcode.com/hoc-javascript" rel="nofollow">học javascript</a>

O atributo de destino da tag a .

Ao clicar no link, o navegador redirecionará para a página de destino imediatamente e diretamente na guia atual. Se você quiser ir para outra guia, poderá usar o atributo target .

• _blank , irá especializar o link em uma nova aba
• _self então ele mudará o link na guia atual ( valor padrão )
• _parent , ele redirecionará o link para a guia que abre a guia atual. Também chamamos a guia pai da guia atual
• _top então ele pulará para a guia atual e é frequentemente usado em iframes quando você deseja sair do iframe e ir para a página original.

O atributo de download da tag a .

Se você quiser ao clicar em um link, em vez de acessar esse link, o navegador fará o download do conteúdo desse link, por favor, declare o atributo download.

 <a href="https://hocvietcode.com/hoc-javascript" download>học javascript</a>

O valor href # da tag a em HTML

Quando você declara uma tag a, mas não quer apontar para um link, defina o valor href="#" .

 <a href="#">học javascript</a>

Além disso, se você quiser clicar na tag a, o navegador se moverá para uma determinada posição na página da web, faça o seguinte.

Etapa 1 : defina o ID do local para o qual você precisa se mudar. Digamos que seja uma tag div, e eu definirei o id para ela assim:

 <div id="moveto"></div>

Passo 2 : Ao clicar na tag a, ela irá pular para a tag div#moveto , vamos definir o seguinte:

 <a href="#moveto" >Đi tới div#moveto</a>

Os estados da tag a em HTML

A tag a tem quatro estados principais:

• link : Nenhuma ação no link ainda
• visitou : clicou no link e foi para a página de destino
• hover : Mover sobre o link
• active : Link foi ativado

Normalmente combinaremos com CSS para animar esses 4 estados. Este problema vou apresentar no artigo CSS format a tag.

Então, terminei de instruir como usar a tag a, esta é uma tag muito importante na hora de construir a estrutura das páginas da web. Vou parar este artigo por aqui, vejo vocês no próximo post.