How to Add Hyperlink to HTML Document

Follow this tutorial to learn various techniques used in HTML to apply different types of hyperlinks to a webpage.

Don't forget to check out our site howtech.tv/ for more free how-to videos!
youtube.com/ithowtovids - our feed
facebook.com/howtechtv - join us on facebook
plus.google.com/103440382717658277879 - our group in Google+

In this tutorial on "how to add hyperlinks to HTML Document", we will teach you how to add hyperlinks in HTML. A hyperlink is used in an HTML document to jump to another HTML document. Hyperlinks are underlined and blue in color. A hyperlink can be identified by the fact that the cursor changes into a hand image when the cursor moves over the hyperlink. The HTML tag A defines a hyperlink. Hyperlinks in a HTML Document can be added via multiple ways. Hyperlinks can also be added within some text or images. When the user clicks on a hyperlink, the color of the hyperlink changes to purple and the user is redirected to the link that is mentioned in the hyperlink.

In this tutorial we will be focusing on various techniques used to make hyperlinks in HTML

Step 1: Add a Hyperlink

In order to add a hyperlink in HTML Document, the attribute href is added to the tag A. The href attribute either contains an absolute value or a relative value.

Step 2: Create a clickable Link using hyperlinks

In order to create a clickable link, we simply create a hyperlink. The result is a blue and underlined link which redirects the user to the link mentioned in the hyperlink

For example:

(a href="URL-LINK")Clickable Link(/a)

The format shown above is the pattern to add hyperlinks in HTML page.

Here, just add the desired web address in the place of URL-LINK.

Step 3: Create a link within the text

In order to create a link within some text, we simple create the hyperlink within the text in the HTML Document.

(p)

This is a (a href="default.asp")Hyperlink(/a)within some text.

(/p)

Step 4: Clickable Image using hyperlink

Any image can be made clickable by adding a hyperlink to the image's code. When the user hovers the cursor over the image, the cursor changes into a hand. When the user clicks on the image, the user is redirected to the link mentioned in the hyperlink.

Step 5: Redirection to the Link

When we make hyperlinks in html,they always contain an address to the page where the user would be redirected to.