Beispiel: In diesem Beispiel wird die GeeksforGeeks-HTML-Tutorial-Seite geöffnet, wenn Sie auf GeeksforGeeks-HTML-Tutorial klicken.

HTML

<!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>

Ausgabe:

Das <a>-Tag (Anker-Tag) in HTML wird verwendet, um einen Hyperlink auf der Webseite zu erstellen. Dieser Hyperlink wird verwendet, um die Webseite mit anderen Webseiten zu verlinken. Es wird entweder verwendet, um eine absolute Referenz oder eine relative Referenz als „href“-Wert bereitzustellen.

Syntax: 

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

Attribut: Das Anchor-Tag enthält viele Attribute, die unten aufgeführt sind.

  • HTML <a> charset Attribute : Dieses Attribut wird verwendet, um den Zeichensatz anzugeben. Es wird von HTML 5 nicht unterstützt.
  • HTML <a> Download-Attribut : Es wird verwendet, um den Ziellink anzugeben, der heruntergeladen werden soll, wenn der Benutzer klickt.
  • HTML <a> hreflang-Attribut : Es wird verwendet, um die Sprache des verlinkten Dokuments anzugeben.
  • HTML <a> Medienattribut : Es wird verwendet, um die verknüpften Medien anzugeben.
  • HTML <a> coords Attribut: Es wird verwendet, um die Koordinaten von Links anzugeben. Es wird von HTML 5 nicht unterstützt.
  • HTML <a> name Attribut : Es wird verwendet, um den Ankernamen anzugeben. Es wird von HTML 5 nicht unterstützt, Sie können stattdessen das globale ID-Attribut verwenden.
  • HTML <a> rel Attribut : Es wird verwendet, um die Beziehung zwischen dem aktuellen Dokument und dem verknüpften Dokument anzugeben.
  • HTML-Attribut <a> shape : Es wird verwendet, um die Form des Links anzugeben. Es wird von HTML 5 nicht unterstützt.
  • HTML <a> type Attribut : Es wird verwendet, um den Typ von Links anzugeben.
  • HTML <a> Zielattribut: Es gibt den Ziellink an.
  • HTML <a> rev-Attribut : Es wird verwendet, um die Beziehung zwischen dem verknüpften Dokument und dem aktuellen Dokument anzugeben. Es wird von HTML 5 nicht unterstützt.

Beispiel 1: In diesem Beispiel leiten wir einfach von der GeeksforGeeks- zur Geeksforgeeks-Seite um.

HTML

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

Ausgabe: 

Beispiel 2: In diesem Beispiel verwenden wir ein Bild, um auf die Geeksforgeeks-Seite umzuleiten.

HTML

<!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>

Ausgabe: 
 

Unterstützte Browser: 

  • Google Chrome
  • Internet Explorer
  • Feuerfuchs
  • Oper
  • Safari
  • Kante