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 href = "about-us.html">

 Local link - connect with different page in the same website


<a href = "#hyperlink">

 Internal link - connect different section of the same web page


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 href = "http://www.geekboots.com/" target = "_self">

 Loads the new page in the current window


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

 Loads new page into a parent frame


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

 Loads new page into the current browser window


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]


Recommended for you