×
FREE ASSISTANCE FOR THE INQUISITIVE PEOPLE
Tutorial Topics
X
softetechnologies
Elements: Symbol Elements: Font
Elements: Link - HTML 5
2319    Arnab De    05/05/2017

Introduction

We can insert a link in HTML using <a> tag. This tag refers to another page of same domain or other domain. And also it can refer different part of the same page. That is three types of link

  1. Internal link - to target different places from the page(anchors)
  2. Local link - to locate other pages from the same domain
  3. Global link- to other domains, outside the site

Link to an internal anchor

<a href="#contact-me">Contact</a>

Link to local page of the same domain

<a href="../image/img100.jpg">Click me to show Image</a>

Internal Link
Internal Link
softetechnologies

Link to a page of the different domain

<a href=http://www.google.com/ >Google</a>

Intra Link
Link in same Domain

Default color of the links will appear as follows in all browsers:

  • An unvisited link is underlined and blue
  • A visited link is underlined and purple
  • An active link is underlined and red
External Link
Link to External Domain
Note : We can change these colors by the <body> attributes link, alink and vlink. Otherwise we can also change it by the CSS.

We can also create a link in a particular area of a image by <map> tag. This called hotspot on image.

softetechnologies

HTML – Link Target

The "target" attribute have four values which set where the new linked file open.

target="

_blank"

Opens a new window for the linked page.

_self"

Opens the link page in the same window.

_parent"

Opens the linked page in a superior frame of the link

_top"

Opens the linked page in the same browser canceling all the frames

softetechnologies

Email Link

We can easily create feedback email link. Here we create an email link with pre-established subject. It opens the computer default mail application sending address and email subject.

<a href="mailto:tah2016@gmail.com?subject=Feedback"> Feedback </a>

Download Link

To download any file from the server or anywhere else, we can insert a download link. Just set the downloadable file location to the href attribute of the <a> tag.

<a href="http://www.tah2016.com/ downloadfile.zip"> Download Me </a>

Elements: Symbol Elements: Font
softetechnologies
Author Details
Arnab De
I have over 16 years of experience working as an IT professional, ranging from teaching at my own institute to being a computer faculty at different leading institute across Kolkata. I also work as a web developer and designer, having worked for renowned companies and brand. Through tutorialathome, I wish to share my years of knowledge with the readers.
Enter New Comment
Comment History
No Comment Found Yet.
Albert Einstein
Try not to become a man of success, but rather try to become a man of value.
Albert Einstein
447
50.7
Today So Far
Total View (Lakh)
softetechnologies
26/05/2018     41364
01/01/2018     35770
28/06/2017     33774
25/06/2018     32831
02/08/2017     32142
06/07/2017     26594
01/08/2017     26559
15/05/2017     26214
14/07/2017     21527
21/04/2018     20512
softetechnologies