HTML Image Tag And Html Link Tag

Hi friends.  As you know that in previous tutorial we discussed about the meta tags in html. I think now every body knows about the meta tags of html and how these tags are important. Let’s come to the topic today we are going to discuss about the links in html. Links are the backbone of the html without link tag the webpage is nothing. 

What is the link?

Links or hyperlink is a word, group of word, image on which we click to jump to another page.

When you take your cursor to the link it will be change into small hand.

                                                                                                          

Note.

Unvisited link underlined and has blue color.
Visited link underlined and has purple color.
Active link is underlined and red color.

HTML LINK TAG;

Html Link tag can be written as;

<a href="index.html" target="_blank">HOME</a>

a; ( a shows the anchor which means link ) .

href; (hypertext reference this attribute shows the where is document located)

target; target attribute it is important you must know about this if you want to open the link in new  window or tab it will help you . you use target attribute. ( _blank the value of attribute this value open the link in new window or tab.

NOTE;

You can add various documents to the page with html link tag like html document, mp3 file, ms files and PDF etc.

Image and link tag contain attributes .

HTML IMAGE TAG;

In html we can easily add link to the image for this first we have take look to the html image tag then we can add the link to image.

Lets discuss about the image tag. Image tag can be written as;

<img src=”Pakistan.jpeg” title=”we proud on palkistan” alt=”pakistannation” width=”30” height=”30”>

Img;  this tag specify the image

Src;  the attribute which is used to tell the location of image.

Extension;  it is important to write the extension or formate of the image like jpeg, gif, png etc. without the extension it the image will not display.

alt; the alternate name for the image. If the image can not display for some reason it will helpful.

Title; The tile of the image what the tile you choose for image.

Width and height; you can set the width which you like as well as height.

LINK TO THE IMAGE;

Link to the image it is easy you have to write the image tag between the link tag. Like this,

<a href=”url”><img src=”image.png”></a>     

 FINAL WORDS;

 Friends now you have understanding of html links and the importance of the link and images. Remember in your prayers keep visiting and don’t forget to share our tutorial with your friends. Thanks!