Links in HTML are made with the <a> (anchor) element. Links can be used to build interactive features on a webpage, link to other resources, or traverse between pages. The following describes how to construct links in HTML using the <a> tag:
Syntax:
- The Uniform Resource Locator (URL) to which the link directs is specified by the href property.
- The visible portion that users click on is the link text.
Examples:
1. Linking to Another Webpage:
2. Linking to a Different Section on the Same Page:
In this case, the link directs users to the "section2" section on the same page.
3. Linking to an Email Address:
By clicking on this link, the user's default email client opens and the recipient's email address is filled in.
4. Linking to a File (e.g., PDF, Document):
Rather from directing the user to the referenced file, the download attribute invites the user to download it.
Opening Links in a New Tab or Window:
A link may be made to open in a new tab or window by using the target="_blank" attribute:
Linking to External Websites and Resources:
It's best practice to use the rel="noopener noreferrer" property when referring to other websites in order to improve security and minimize potential security risks:
This is especially crucial when opening links in a new tab or window using target="_blank".
In order to provide a cohesive and easily navigable online experience, links are essential to online navigation and engagement.
Tags:
HTML