×
FREE ASSISTANCE FOR THE INQUISITIVE PEOPLE
Tutorial Topics
X
softetechnologies
Elements: Symbol Elements: Font
Elements: Link - HTML 5
3462    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.
Rabindranath Tagore
A lamp can only light another lamp when it continues to burn in its own flame.
Rabindranath Tagore
1942
84.89
Today So Far
Total View (Lakh)
softetechnologies
26/05/2018     54768
25/06/2018     45878
01/01/2018     44081
28/06/2017     41629
02/08/2017     40723
01/08/2017     34721
06/07/2017     34499
15/05/2017     33715
11/09/2018     31292
14/07/2017     30579
softetechnologies