Tag used to add an image to a page: <img src=”Image URL”>

Example:

<img src=”http://www.google.com/logo.gif>

This code will display Google’s logo in your page.

● Linking an image:

Linking an image is similar to a text linking and is done by <a> tag: <a href=”URL”><img src=”Image URL”></a>

<a href="google.com"><img src="google.com/logo.gif"></a>

Try clicking on the logo. Viola!

● Images Alignment:

After you have placed your graphic image into a document, you may find that the text has not displayed exactly where you wanted in relation to the graphic image. To align images we will use the align attribute. The alignment can be defined to right, left, center or bottom.

<img src="logo.gif" align="left">

This will cause the image to be aligned to the left side of the page.

● Images Resizing:

If the Image is too big or too small, it can be resized to fit exactly as you want on the page. The two attributes that need to be defined are the width and height of the image:

<img src=”logo.gif” width=”350” height=”200”>

This will resize the image to 350x200.