Hyperlinks



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>







Comments (0)

  • To add your comment please or

We use cookies to improve your experience on our site and to show you personalised advertising. Please read our cookie policy and privacy policy.

Got It!