Tuesday, August 18, 2009

Html Tutorial on Hyperlink


Exclusive Html Tutorial on Hyperlink on special demand of my blog regular visitor.

Simple Hyperlink


Code:<a href="http://www.yahoo.com">Yahoo<a>
Output: Yahoo
Explaination: <a> is known as anchor tag and used to inter link different web pages or topics on same webpage.

Giving Title To Hyperlink


Code: <a href="http://www.yahoo.com" title="Tahoo MailBox">Yahoo<a>
Output: Yahoo
Explaination: title in <a> tag is used to give text which gonna appear when cursor is placed on link.

Open in New Tab


Code: <a href="http://www.yahoo.com" title="Tahoo MailBox" target="_blank">Yahoo<a>
Output: Yahoo
Explaination: target=_blank in <a> tag is used to tell browser to open hyperlink in new tab

Open In Same Tab


Code: <a href="http://www.yahoo.com" title="Tahoo MailBox" target="_self" >Yahoo<a>
Output: Yahoo
Explaination: target="_self" in <a> tag is used to tell browser to open the hyperlink in same tab.

Link Language


Code: <a href="http://www.yahoo.com" hreflang="en" title="Tahoo MailBox" target="_blank" rel="nofollow">Yahoo<a>
Output: Yahoo
Explaination: hreflang="en" in anchor tag is used to tell search engine about the language of outgoing
link.This helps in getting better ranking for regional ranking.For example google.co.fr will have better
ranking for french and english links then google.co.in

Outerlink Not To Follow


Code: <a href="http://www.yahoo.com" title="Tahoo MailBox" target="_blank" rel="nofollow">Yahoo<a>
Output: Yahoo
Explaination: rel="nofollow" in <a> tag is used to tell search engine bot that this link is not a part of
your website or blog and you are not responsible for content in it.This is a good pratice in case of you are giving ou links
to unknown or new websites.

Giving name to topics on same webpage


Code: <a name="top">Simple Hyperlink <a>
Explaination: name="text" in <a> is used to give link name to topic on same webpage.
To provide for this link code is
<a href="#text"> .
Note: Always put # before linkname while giving link for topic on
same webpage.This is a good trick if you have long webpages.

0 comments:

Post a Comment

 

Easy Tutorial's | Copyright 2009 Tüm Haklar? Sakl?d?r | Blogger Templates by GoogleBoy