HTML TUTORIAL


HTML Links

Let us learn how to link to another page. Let us take a Look at the following line

<a href="http://www.referencedesigner.com">Reference Designer </a>



The above code will produce the link like this.

Reference Designer


Link Anchor tag


The tags used to produce links are the <a> and </a>.

The <a> tells where the link should start and the </a> indicates where the link ends.

Everything between these two will work as a link. The target of the link is added inside the the The <a> tag using href as in


<a href="http://www.referencedesigner.com">Reference Designer </a>


The Target attribute

If you want the link to open in a new windo, you can do it with target attribute. Use target="_blank"> to make the link open in a new page.

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

Using Image as Link

To use image as link you need to specify the image source using the img src tag. Here is an example of how this is done.

<a href="http://www.referencedesigner.com"><img src="home.jpg"></a>


Here is how the image link looks like



It is often advisible to put the images in a subdirectory, let us say images. The code in that case will look like this

<a href="http://www.referencedesigner.com"><img src="images/home.jpg"></a>




Practice Examples

You will like to practice more about links here.

Example - Link to another Page

Example - Image Link

Example - Link opening in a new page