🔗 HTML Links (Anchor Tag)

Last Updated: 01 Nov 2025

Links (also called Hyperlinks) connect one webpage to another — within the same website or to external sites. They are created using the <a> tag, also known as the anchor tag.

Syntax

<a href="URL">Link Text</a>
  • href → stands for Hypertext Reference (the link address) or use #idName for jump to a specific section
  • Link Text → the text users click to open the link

Example

<a href="https://tukkalearn.vercel.app/">Visit Tukka Learn</a>

<a href="#about">About Us</a>

Types of Links

TypeExampleDescription
Absolute Link<a href="https://tukkalearn.vercel.app/">Visit Tukka Learn</a>Links to external sites
Relative Link<a href="about.html">About Us</a>Opens a page in same folder
Email Link<a href="mailto:4G2mM@example.com">Contact Us</a>Links to email addresses
Phone Link<a href="tel:1234567890">Call Us</a>Links to phone numbers

Attributes of Anchor Tag

  • href → Specifies the URL of the linked document
  • title → Shows tooltip when you hover over the link
  • target="_blank" → Opens the link in a new tab
  • download → Downloads the linked file
  • rel="noopener noreferrer" → Improves security for external links

Example of all attributes

<body>
  <h1>My Website</h1>

  <h2>Internal Links</h2>
  <a href="about.html">About Page</a><br />
  <a href="contact.html">Contact Page</a>

  <h2>External Links</h2>
  <a href="https://tukkalearn.vercel.app/" title="Tukka Learn">
    Visit Tukka Learn
  </a>

  <a
    href="https://tukkalearn.vercel.app/"
    target="_blank"
    rel="noopener noreferrer">
    Visit Tukka Learn
  </a>

  <h2 id="top">Top Section</h2>
  <a href="#bottom">Go to Bottom</a>

  <h2 id="bottom">Bottom Section</h2>
  <a href="#top">Back to Top</a>

  <a href="file.pdf" download>Download File</a>
</body>

🗣 Hinglish Recap: <a> tag = bridge between pages. href likhna zaroori hai — warna link ka “destination” nahi milega!

🧠 Quick Practice

← PreviousNext →