Hyperlinks

HTML ⚭ Jun 6, 2016 ⚭ 222 views

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
href	Specifies the URL of the target of a hyperlink.
target	Specifies where to display the contents of a selected hyperlink.
name & id	Specifies a label within a document.
title	Specifies 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