Exemplo: neste exemplo, a página GeeksforGeeks HTML Tutorial abrirá quando você clicar em GeeksforGeeks HTML Tutorial.

<!DOCTYPE html>
<html>
<body>
    
  <h2>Welcome to GeeksforGeeks HTML Tutorial</h2>
  <a href="https://www.geeksforgeeks.org/html-tutorials/">
     GeeksforGeeks HTML Tutorial
  </a>
  
</body>
  
</html>

Saída:

A tag <a> (tag âncora) em HTML é usada para criar um hiperlink na página da web. Este hiperlink é usado para vincular a página da web a outras páginas da web. É usado para fornecer uma referência absoluta ou relativa como seu valor “href”.

Sintaxe: 

<a href = "link"> Link Name </a>

Atributo: a tag âncora contém muitos atributos listados abaixo.

  • Atributo HTML <a> charset : Este atributo é usado para especificar o conjunto de caracteres. Não é compatível com HTML 5.
  • Atributo HTML <a> download : é usado para especificar o link de destino para download quando o usuário clica.
  • Atributo HTML <a> hreflang : é usado para especificar o idioma do documento vinculado.
  • Atributo de mídia HTML <a> : É usado para especificar a mídia vinculada.
  • Atributo HTML <a> coords: É usado para especificar a coordenada dos links. Não é compatível com HTML 5.
  • Atributo HTML <a> name : É usado para especificar o nome da âncora. Não é compatível com HTML 5, você pode usar o atributo global id .
  • Atributo HTML <a> rel : É usado para especificar a relação entre o documento atual e o documento vinculado.
  • Atributo HTML <a> shape : é usado para especificar a forma do link. Não é compatível com HTML 5.
  • Atributo de tipo <a> HTML : é usado para especificar o tipo de links.
  • Atributo HTML <a> target: especifica o link de destino.
  • Atributo HTML <a> rev : É usado para especificar a relação entre o documento vinculado e o documento atual. Não é compatível com HTML 5.

Exemplo 1: Neste exemplo, redirecionamos simplesmente da página GeeksforGeeks para a página Geeksforgeeks.

<!DOCTYPE html>
<html>
  
<body>
  <h1>
    Welcome to
    <a href="https://www.geeksforgeeks.org/">
      GeeksforGeeks
    </a>
  </h1>
  <h2>This is anchor Tag</h2>
</body>
  
</html>

Saída: 

Exemplo 2: Neste exemplo, usaremos uma imagem para redirecionar para a página Geeksforgeeks.

<!DOCTYPE html>
<html>
<body>
  
  <p>Click on the image to open web page.</p>
  <!-- anchor tag starts here -->
  <a href="https://www.geeksforgeeks.org/">
    <img src=
"https://media.geeksforgeeks.org/wp-content/uploads/gfg1-11.png" 
    width="300" height="250" />
  </a>
  <!-- anchor tag ends here -->
</body>
  
</html>

Saída: 
 

Navegadores Suportados: 

  • Google Chrome
  • Internet Explorer
  • Raposa de fogo
  • Ópera
  • Safári
  • Borda