How to use the anchor tag in HTML

Author - GeeksCodes

January 03, 2025

The <a> Tag in HTML

The <a> tag, also known as the anchor tag, is an essential element in HTML used to create hyperlinks.

Syntax of the <a> Tag

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

href (Hyperlink Reference): Specifies the destination URL.
Example:
```
<a href="https://geekscodes.com">Visit Example</a>
```
Output: Visit Example
target: Defines how the link opens:
- _self: Opens in the same tab (default).
- _blank: Opens in a new tab.
Example:
```
<a href="https://geekscodes.com" target="_blank">Open in New Tab</a>
```
Output: Open in New Tab
rel: Provides the relationship between the current and linked pages.
Common values:
- nofollow: Tells search engines not to pass link equity.
- noopener: Prevents the new page from accessing the window.opener property.
Example:
```
<a href="https://geekscodes.com" rel="nofollow noopener">Safe Link</a>
```
Output: Safe Link
title: Adds extra information about the link, visible as a tooltip on hover.
Example:
```
<a href="https://geekscodes.com" title="Go to Example">Visit Example</a>
```
Output: Visit Example