Types of HTML links | 3 types of links in html

Pinterest LinkedIn Tumblr

Types of HTML links – Common HTML links

Types of HTML links | 3 types of links in html

Hyperlinks are the links that connect from one web media content to another. A link has two ends, an anchor and a direction. The link starts at the “source” anchor and points to the “destination” anchor, which may be any web resource such as an image, a video clip, a sound bite, a program, an HTML document or an element within an HTML document. HTML links are defined using an anchor tag (<a>).

HTML supports different types of hyperlinks

i. Internal 

It is the type of link which is used to connect web resource within the same page or in other section of the same site or maybe called form the same domain. For example, if we have to connect with about us page of the same website we can use the relative URLs. We can also use internal links to jump from one section of the same page to another section.


Using Internal Link to move one page to another page of same domain.
<a href=”about-us.html”>About Us</a>

Using Internal link to move form one section of same page to another section.
<a href=”#top”> Goto Top </a>

ii. Mail to

To create a link that starts up the user’s email program and addresses an email to a specified email address mailto link is used. The value of the attribute starts with mailto: and followed by the email address. The mailto has access to launching the mail application of the operating system.


Using the mailto link to send mail.
<a mailto: [email protected]> Gmail</a>

iii. External

In an external link, links are created using <a> element which has an attribute called href. The value of the href attribute is the webpage the user wants to connect. In an external link, the user can link to other site contents or pages using a keyword. The value of the href attribute will be the full web address for the site in which the user wants to connect using the absolute URL.


Using external link to connect the other domail.
<a href=”> Edu-mate </a>

Write A Comment