HTML Links

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

<a href="">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="">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="" 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=""><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=""><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