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.
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