HTML Linking Tags Explained

HTML LINKING

The HTML links are hyperlinks that link one page to another page. You can click on a link and it will jump to another document. When you move your mouse pointer over a link, then your mouse pointer will turn into a little hand. 

Let’s understand the concept in detail.

href attribute of HTML Anchor Tag

The “href” attribute plays a most important role in the HTML linking tag. A web page can contain many links that can take you directly to other pages. These links are known as hyperlinks. You can create hyperlinks by using text or images available on a webpage.

Types of Linking:-

In simpler way, linking can be categorised as follows –

  1. External Linking
  2. Internal Linking

External Linking:-

Basically, a link outside a domain is referred as external link. In the HTML, the link is specified by using HTML tag <a>. The <a> tag stands for the anchor tag.

Syntax:-  <a href=”url“>link text</a>

Example:-

External HTML Link

Output:-

External HTML link External HTML linking

In this example, blog written on www.pristinetechschool.com is taking users to www.google.com ( different domain ) , when they click on “Open Google” written above, which is external linking.

INTERNAL LINKING

As the name suggests, link to any webpage within the same domain is internal linking. Example:-

Internal HTML Linking

Output:-

Internal HTML Linking

For example, when you will click on the courses, it will take you to the internal page- courses within the same domain.

BASE TAG

The <base> tag is used to specify a base path for all the links in the HTML. When you want to link HTML documents related to the same website, then it’s not required to specify a complete URL for every link. The <base> tag is always specified in the header section of the HTML document. In the HTML document, you can set the base URL only once at the top of your page in the header section, then all subsequent relative links will use that URL as a starting point.

Example:-

HTML Base TAGHTML BASE Tag

SET HTML LINK COLORS

  1. Alink

 In HTML, alink is an attribute. The alink is standing for an Active link. By default, the color of alink is red. Here, you can set a link color according to your color choice of the web page.

Example:-

HTML alink

2. Vlink

In HTML, vlink is an attribute. The vlink is standing for a Visited link. By default, the color of vlink is purple. Here, you can set a link color according to your color choice of the web page.

Example:-

HTML vlinkHTML vlink

 

Link to an external style sheet

<head>

 <link rel=”stylesheet” type=”text/css” href=”theme.css”>

</head>

Image Tag with Linking

Here, With the help of anchor tag, you can your image clickable. IMAGE AS A LINK

 

 

 

 

Hope this blog post will help understanding the concept of linking in HTML better. Let us know if you have any suggestions for the published content on the site. Feel free to contact us if you wish to register yourself in our skill upgradation courses.

For more such content subscribe to our YouTube channel – https://www.youtube.com/channel/UCcWR1IezEQynJnAETgK8g2w?sub_confirmation=1 and follow us on facebook – https://www.facebook.com/pristinetechschool

Happy Learning.

3 thoughts on “HTML Linking Tags Explained

  1. I’m not that much of a internet reader to be honest but your sites really nice, keep it up! I’ll go ahead and bookmark your site to come back later. Many thanks

  2. Thank you for the sensible critique. Me & my neighbor were just preparing to do some research about this. We got a grab a book from our area library but I think I learned more clear from this post. I’m very glad to see such fantastic information being shared freely out there.

  3. My wife and i were so excited when Louis managed to complete his basic research through the precious recommendations he came across while using the web pages. It’s not at all simplistic to simply choose to be giving for free strategies which often many people could have been making money from. Therefore we discover we have got you to give thanks to for that. All the explanations you have made, the straightforward web site menu, the friendships your site make it easier to instill – it’s got most awesome, and it’s assisting our son and us feel that this subject matter is thrilling, and that’s seriously fundamental. Many thanks for all the pieces!

Leave a Reply

Your email address will not be published. Required fields are marked *