HTML <a> Tag

Difficulty Level : Basic
Last Updated : 21 Sep, 2021

Example: In this example, GeeksforGeeks HTML Tutorial page will open when you click on GeeksforGeeks HTML Tutorial.

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>

Output:

The <a> tag (anchor tag) in HTML is used to create a hyperlink on the webpage. This hyperlink is used to link the webpage to other webpages. It’s either used to provide an absolute reference or a relative reference as its “href” value.

Syntax:

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

Attribute: The anchor tag contains many attributes which are listed below.

HTML <a> charset Attribute: This attribute is used to specifies the character-set. It is not supported by HTML 5.
HTML <a> download Attribute: It is used to specify the target link to download when the user clicks.
HTML <a> hreflang Attribute: It is used to specify the language of the linked document.
HTML <a> media Attribute: It is used to specify the linked media.
HTML <a> coords Attribute: It is used to specify the coordinate of links. It is not supported by HTML 5.
HTML <a> name Attribute: It is used to specify the anchor name. It is not supported by HTML 5 you can use the global id attribute instead.
HTML <a> rel Attribute: It is used to specify the relation between the current document and the linked document.
HTML <a> shape Attribute: It is used to specify the shape of the link. It is not supported by HTML 5.
HTML <a> type Attribute: It is used to specify the type of links.
HTML <a> target Attribute: It specifies the target link.
HTML <a> rev Attribute: It is used to specify the relation between the linked document and the current document. It is not supported by HTML 5.

Example 1: In this example we simple redirect from the GeeksforGeeks to the Geeksforgeeks page.

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>

Output:

Example 2: In this example we will use an image to redirect to the Geeksforgeeks page.

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>