Topic

Details

Take Test

See QnA

Check scores

Back to Courses

🔗 Anchor Tag (`<a>`)

👉 The anchor tag is one of the most important tags in HTML. It is used to create hyperlinks that allow users to navigate between web pages, sections of a page, email, phone numbers, or even download files.

Basic Syntax:

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

<a> → opening tag (anchor)
href → attribute that tells the browser where to go
Link Text → clickable text (anchor text)
</a> → closing tag

🛠 Attributes of `<a>` Tag

The anchor tag comes with several attributes that control its behavior.

1. `href` (Hypertext
Reference
meaning of word here
meaning of word here
)

Specifies the destination of the link.
It can be a URL, a filename, or a bookmark.

Examples:

<a href="https://www.cbse.gov.in">CBSE Website</a>
<!-- External -->
<a href="about.html">About Us</a>
<!-- Internal -->
<a href="#top">Go to Top</a>
<!-- Bookmark -->

2. `target`

Defines where to open the linked document.

Values:

_self → Opens in the same tab (default).
_blank → Opens in a new tab/window.
_parent → Opens in the parent frame (used with frames).
_top → Opens in the full body of the window.

Example:

<a href="https://www.cbse.gov.in" target="_blank">Open CBSE in New Tab</a>

3. `title`

Provides extra information when the user hovers the mouse over the link.

Example:

<a href="contact.html" title="Get in touch with us">Contact Us</a>

4. `download`

Makes the link download a file instead of opening it.

Example:

<a href="notes.pdf" download>Download Notes</a>

5. `name` / `id` (used for Bookmarks)

Allows creating a specific spot (anchor point) within the page to jump to.

Example:

<h2 id="section1">Introduction</h2>
<a href="#section1">Go to Introduction</a>

6. `rel` (Relationship Attribute)

Defines the relationship between the current page and the linked page.
Common values:
- nofollow → tells search engines not to follow this link.
- noopener / noreferrer → for security when using target="_blank".

Example:

<a href="https://example.com" target="_blank" rel="noopener">Secure Link</a>

7. `href="mailto:"` and `href="tel:"`

Used for special links like email or phone numbers.

Examples:

<a href="mailto:teacher@example.com">Email Teacher</a>
<a href="tel:+919876543210">Call Us</a>

✅ Complete Example

<!DOCTYPE html>
<html>
  <head>
    <title>Anchor Tag Example</title>
  </head>
  <body>
    <!-- External Link -->
    <a
      href="https://www.cbse.gov.in"
      target="_blank"
      title="Go to CBSE Official Website"
      >Visit CBSE Website</a
    ><br />

    <!-- Internal Link -->
    <a href="about.html" title="Learn more about us">About Us</a><br />

    <!-- Bookmark Link -->
    <a href="#bottom">Go to Bottom of Page</a><br />

    <!-- Email and Phone Links -->
    <a href="mailto:teacher@example.com">Email Teacher</a><br />
    <a href="tel:+919876543210">Call Us</a><br />

    <!-- Download Link -->
    <a href="notes.pdf" download>Download Notes</a><br />

    <p style="margin-top:500px;"></p>
    <h2 id="bottom">Bottom Section</h2>
    <a href="#top">Go to Top</a>
  </body>
</html>

📝 Summary

<a> tag = used to create hyperlinks.
Important attributes:
- href → destination
- target → where to open
- title → tooltip info
- download → for downloading files
- id/name → for bookmarks
- rel → relationship/security
- mailto: / tel: → for email and phone

👉 In short, the anchor tag is like the glue of the internet, connecting documents, websites, and resources together.

Topic

🔗 Anchor Tag (<a>)

🛠 Attributes of <a> Tag

1. href (Hypertext Referencemeaning of word heremeaning of word here)

2. target

3. title

4. download

5. name / id (used for Bookmarks)

6. rel (Relationship Attribute)

7. href="mailto:" and href="tel:"

✅ Complete Example

📝 Summary

🔗 Anchor Tag (`<a>`)

🛠 Attributes of `<a>` Tag

1. `href` (Hypertext
Reference
meaning of word here
meaning of word here
)

2. `target`

3. `title`

4. `download`

5. `name` / `id` (used for Bookmarks)

6. `rel` (Relationship Attribute)

7. `href="mailto:"` and `href="tel:"`