Types of Hyperlinks in HTML
Understanding Different Types of Hyperlinks in HTML
Types of Hyperlinks in HTML
In HTML, hyperlinks can be categorized into two main types: absolute and relative hyperlinks. Absolute hyperlinks contain the full URL of the page being linked to, including the protocol (usually http or https) and the domain name. On the other hand, relative hyperlinks specify the location of the linked page in relation to the current page. Relative hyperlinks are typically used when linking to pages within the same website. Both types of hyperlinks use the anchor tag <a> with the href attribute to specify the destination URL. By understanding the differences between absolute and relative hyperlinks, web developers can effectively navigate users through a website's content.
To Download Our Brochure: https://www.justacademy.co/download-brochure-for-free
Message us for more information: +91 9987184296
1 - Anchor Hyperlinks:
Anchor hyperlinks are the most common type used in HTML.
They are created using the `<a>` tag and the `href` attribute to link to a specific URL or location on the same page.
2) Inline Hyperlinks:
Inline hyperlinks are used within the text content of a webpage.
They are created by surrounding the linked text with an anchor tag `<a>`.
3) Image Hyperlinks:
Image hyperlinks are used to make images clickable and serve as links to other web pages or resources.
They are created by placing an `<img>` tag within an anchor tag `<a>`.
4) Email Hyperlinks:
Email hyperlinks allow users to click on a link that opens their default email program to compose a new email to a specified email address.
They are created using the `mailto:` protocol within the `href` attribute.
5) Targeted Hyperlinks:
Targeted hyperlinks are used to open linked content in a new window or tab.
They are created by adding the `target="_blank"` attribute to the anchor tag.
6) Download Hyperlinks:
Download hyperlinks are used to prompt the user to download a file when clicked.
They are created by linking to the file path and adding the `download` attribute to the anchor tag.
7) Telephone Hyperlinks:
Telephone hyperlinks allow users to click on a link to initiate a phone call on mobile devices.
They are created using the `tel:` protocol within the `href` attribute.
8) Fragment Hyperlinks:
Fragment hyperlinks are used to link to specific sections within the same webpage.
They are created by adding an anchor ID to the target section and linking to it using `#` followed by the anchor ID.
9) External Hyperlinks:
External hyperlinks are used to link to resources or web pages outside of the current website.
They are created by providing the full URL in the `href` attribute.
10) Relative Hyperlinks:
Relative hyperlinks are used to link to pages or resources within the same website or directory.
They are created by specifying the relative path from the current page to the target page in the `href` attribute.
11) Navigation Hyperlinks:
Navigation hyperlinks are commonly used in menus and navigation bars to link to different sections or pages of a website.
They help users easily navigate through the website's content.
12) JavaScript Hyperlinks:
JavaScript hyperlinks allow for dynamic interactions and effects when clicked.
They are created using the `href="javascript: function()"` syntax to execute JavaScript functions.
13) Image Map Hyperlinks:
Image map hyperlinks are used on images to create clickable regions that link to different URLs.
They involve defining shapes on an image and mapping them to specific URLs.
14) Nested Hyperlinks:
Nested hyperlinks involve placing one hyperlink within another, which can sometimes lead to conflicts or unexpected behavior.
It's best practice to avoid nesting hyperlinks to ensure proper functionality.
15) Active Hyperlinks:
Active hyperlinks are styled differently to indicate to users that they are clickable.
They often change color or underline when hovered over to provide visual feedback.
Feel free to ask if you need further explanation or details on any point!
Browse our course links : https://www.justacademy.co/all-courses
To Join our FREE DEMO Session: Click Here
Contact Us for more info:
- Message us on Whatsapp: +91 9987184296
- Email id: info@justacademy.co
