html hyperlink

Add This To Del.icio.us Share on Facebook StumbleUpon This Add to Technorati Digg This

HyperLink:-
Linking from one location to another location between page,image,text as well as sites are called hyperlink.
we can use hyperlink in two ways:-
a.outerpage.
b.intrapage.

1.outerpage hyperlink:-
This method links from one page with text,picture,video etc to others image,page ,video etc.
Generally hyperlinked text are seen blue with underline and while we mouse over on that area ,the cursor is changed.
There are Linker and Linking objects.
Linker is that where we click and linking object is that what we open.
Tags:-
<a>..........</a>
a-stands for anchor.
attributes:-
href="source of the matter"
Notes:-
Before using hyperlink you need to understand these points:-
a. what are you going to link each others ?
b. Create the index page and child or collect the required matters(pictures,video,page) then keep in the one folder.



syntax:-
<a href=" ">Linker</a>
_______________________________________________________________
Linking to the websites using hyperlink:-
--------------------------------------------------------
We can link to the websites using hyperlink for this the tag is given below:-
<a>........</a>
attributes:-
href="http://www.websites name"
syntax:-
<A href="http://websitesname">Linker</A>

Using hyperlink, we can link to the email box:-
This method opens the mailbox sothat the user who visits our site can send us easily email .For open the email box we use the following :-
syntax:-
<a href="mailto:emailaddress">Linker</a>
Example:-
<a href= "mailto:pbkarma@live.com">
send me feedback
</a>




Hotspot:-
Image can be used as navigational tools. The clickable areas that are hyperlinks can be created on an image. An image map is an image composed of a number of hotspots. Client side and server side image maps can be created.

tag:-
<img>..... </img>
attributes:-
use map="#Linker"
------------------------------------------------------
and also other tag <map>...</map> is also used to link to the image.
attribute of map:-name="Linker"

-------------------------------------------------------
<area>....</area> tag is also used to define the hotspot area.
<area> tag uses the attributes:-

----------------------------------------------------
For Rectangle hotspot:-
shape="Rect"
coords="144,90,50,150" like four numbers.
href="source of link page"

-----------------------------------------------------
For circle hotspot:-
shape="circ"
coords="175,98,28"
------------------------------------------------
For polygonal:-
shape="poly"
coords="37,85,45,74,54,55,65,55"


syntax:-
picture1------------------------page2

<img src="picture1.jpg" usemap="#linker">
<map name="linker">

<area shape="circ" coords="175,98,28" href="page2.html">
</map>
</img>

2.Intrapage:-
Using this we can link within the page.
tag:-
<a>.........</a>
attributes:-
we use both href and name attributes.

The href attribute contain # sign with source.

<a href="#source">Linker</a>

The name attribute contain same linker used in the href.

<a name="source"></a>

They should be written in the different place where they should be linked.
----------------------------------------------------------

For Further Reading,

HTML Notes