Learn with us

HTML links, also known as hyperlinks, are used to create clickable elements that allow users to navigate between different web pages or sections within a page. Here’s how you can create links in HTML:

1. Link to Another Web Page:
   To create a link that navigates to another web page, use the <a> element (anchor element) and set the href attribute to the URL of the destination page.

Example:

<a href="https://www.example.com">Visit Example Website</a>

2. Link to a Specific Section within the Same Page:
   You can create links that scroll to specific sections within the same page by using HTML anchors. Assign an id attribute to the target section and set the href attribute of the link to # followed by the id value.

Example:

<a href="#section2">Go to Section 2</a>

<h2 id="section2">Section 2</h2>
<p>This is the content of section 2.</p>

3. Link to an Email Address:
   To create a link that opens the user’s email client with a pre-filled email, use the mailto: scheme followed by the email address as the href value.

Example:

<a href="mailto:example@example.com">Send Email</a>

4. Link to a File Download:
   You can create links to download files by setting the href attribute to the path of the file. It’s recommended to specify the file type using the download attribute.

Example:

<a href="path/to/file.pdf" download>Download PDF</a>

5. Link with Target Attribute:
   You can specify a target attribute to control how the linked page opens. Common target values include _blank to open in a new tab or window, and _self to open in the same tab or window.

Example:

<a href="https://www.example.com" target="_blank">Open in New Tab</a>

These are some of the commonly used techniques for creating links in HTML. By using links effectively, you can create a seamless navigation experience for users, allowing them to access different pages or sections of your website with ease.