HTML Tags

HTML <a> Tag

The tag, also known as the anchor tag, is used to create hyperlinks in HTML.
It allows users to navigate between web pages, jump to specific sections, download files, or even send emails using mailto: links.
It is one of the most important elements for web navigation and interconnectivity.

Syntax

html

<a href="URL">Link Text</a>

Attributes

Attribute	Description
href	Specifies the destination URL or resource to link to.
target	Defines where to open the linked document (_self, _blank, _parent, _top).
title	Displays additional information when the user hovers over the link.
download	Instructs the browser to download the linked file instead of navigating to it.
rel	Specifies the relationship between the current document and the linked document (e.g., nofollow, noopener, noreferrer).
id	Unique identifier for the link.
class	CSS class for styling the link.
style	Inline CSS styling for the link.

Example

html

<!DOCTYPE html>
<html>
<head>
  <title>Anchor Tag Example</title>
  <style>
    a {
      color: #29AB87;
      text-decoration: none;
      font-weight: bold;
    }
    a:hover {
      color: #1c7a63;
      text-decoration: underline;
    }
  </style>
</head>
<body>
  <h1>HTML <a> Tag Example</h1>

  <p>
    Visit our official website:
    <a href="https://html5andcss3.org" target="_blank" title="Visit HTML5 and CSS3 Official Site">
      HTML5 and CSS3
    </a>
  </p>

  <p>
    Download a sample PDF file:
    <a href="https://ik.imagekit.io/html5andcss3/lesson-samples/sample.pdf" download="sample.pdf">Download PDF</a>
  </p>

  <p>
    Send us an email:
    <a href="mailto:info@html5andcss3.org">info@html5andcss3.org</a>
  </p>

  <p>
    Jump to a section on this page:
    <a href="#about">Go to About Section</a>
  </p>

  <h2 id="about">About Section</h2>
  <p>This section explains the working of the anchor tag in HTML.</p>
</body>
</html>