Hyperlinks

HTML

HTML Examples



Html Hyperlinks


Web pages can contain links that take you directly to other pages and even specific parts of a given page. These links are known as hyperlinks. Hyperlinks allow visitors to navigate between Web sites by clicking on words, phrases, and images.


The Html anchor (<a>) tag defines a hyperlink. The most important attribute of the <a> element is the href attribute, which indicates the link to destination.





<a> example

<a href = "http://www.geekboots.com/">


 Global link - connect with different website


</a>




<a href = "about-us.html">


 Local link - connect with different page in the same website


</a>




<a href = "#hyperlink">


 Internal link - connect different section of the same web page


</a>









Anchor Attributes




















Attribute Description
hrefSpecifies the URL of the target of a hyperlink.
targetSpecifies where to display the contents of a selected hyperlink.
name & idSpecifies a label within a document.
titleSpecifies a title for the document to which you are linking.




<a> target example

<a href = "http://www.geekboots.com/" target = "_blank">

 Opens new page in a new browser window

</a>


<a href = "http://www.geekboots.com/" target = "_self">

 Loads the new page in the current window

</a>


<a href = "http://www.geekboots.com/" target = "_parent">

 Loads new page into a parent frame

</a>


<a href = "http://www.geekboots.com/" target = "_top">

 Loads new page into the current browser window

</a>







Html E-mail Links


Creating an email link is simple and easy to mail directly form website in a single click. A good way to do it is place an email link with a subject line already filled out for them.





E-mail link example

<a href = "mailto:[email protected]?subject=Feedback">


 [email protected]


</a>