Any web content can extract the interest of the target audience when it is said well as well as depicted with necessary relevant images. Images add an extra value to your web contents. Images can be added pretty easily to a website. Here I am presenting some very basic technique of using images to a website.

The image or tag has only two required attributes. They are ‘src’ and ‘alt’. The ‘src’ attribute tells the browser about which images to be displayed and the ‘alt’ tag means the alternate text. It tell the browser about the text to be shown if unfortunately the images can be produced.

The <img> Tag: <img src=”URL to the image” width=”width in pixels” height=”height in pixels” alt=”alternative description of the image” />

There are two other attributes that are strongly recommended when the images are to be inserted. These two attributes are ‘Width’ and ‘Height’. The width and height attributes tell the browser about the shape of the picture. This allows the webpage to render more quickly, as it helps the browser to locate the necessary space for the image and then steps forward for the next contents.

There are some other less common image attributes which are used rarely but has a definite impact.

Longdesc: The ‘longdesc’ attribute is used to place a pointer URL in the image tag to a longer description of the image. It allows to supplement the information in the alt attribute.

Title: The ‘title’ attribute provides the ability to entitle the uploaded image.
usemap and ismap: These two attributes allow you to set client-side (usemap) and server-side (ismap) image maps to your images.

Images and the Clear Property
When working with images there is a great property which has been held helpful. If you have a right-alligned image, and you want the text to follow after it rather than wrap around, you can use the property ‘clear:right’ on the following text (in a <p>, <div> or whatever). The easiest thing to remember is clear:both which endures that all text after that property will begin below the images.

Credit: About.com

There are some other less common image attributes which are used rarely but has a definite impact.
Longdesc: The ‘longdesc’ attribute is used to place a pointer URL in the image tag to a longer description of the image. It allows to supplement the information in the alt attribute.
Title: The title attribute provides the ability to entitle the uploaded image.
usemap and ismap These two attributes allow you to set client-side (usemap) and server-side (ismap) image maps to your images.