×
FREE ASSISTANCE FOR THE INQUISITIVE PEOPLE
Tutorial Topics
X
softetechnologies
Elements: Symbol Elements: Font
Elements: Link - HTML 5
3334    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.
Sri Sri Ramakrishna Paramahamsa
All troubles come to an end when the ego dies
Sri Sri Ramakrishna Paramahamsa
6
80.82
Today So Far
Total View (Lakh)
softetechnologies
26/05/2018     54128
25/06/2018     45121
01/01/2018     43673
28/06/2017     41209
02/08/2017     40224
01/08/2017     34268
06/07/2017     34071
15/05/2017     33309
11/09/2018     30326
14/07/2017     29835
softetechnologies