Beginner guide to HTML - Including images in web pages part 2

HTML NAME attribute for images

You can specify a name for your image through this attribute. This helps in client-side scripting using JavaScript or VBScript.

HTML ALIGN attribute for aligning images on a web page

This attribute is used to align other HTML elements such as text around the image.

Thus, <IMG SRC="fish.gif" width="160" height="124" align="right"> will align the image to the right and text to its left.

This text is aligned to the left of the image. The ALT attribute has "RIGHT" as its value.

<IMG SRC="fish.gif" width="160" height="124" align="left"> will align the image to the left and text to its right.

This text is aligned to the right of the image. The ALT attribute has "LEFT" as its value.

ALIGN can also take "TOP", "BOTTOM" or "MIDDLE" as value. These align the text to the top, middle or bottom of the image.

Image VSPACE and HSPACE attributes

These attributes introduce horizontal or vertical space around an image. They take a number as value that determines the number of pixel space created.

<IMG SRC="fish.gif" width="160" height="124" alt="Fish" hspace="30"> will put 30 pixel space on the left and the right side of the image.

Just Dummy text here to show the space created by HSPACE attribute.

VSPACE accomplishes something similar to HSPACE but adds space to the top and bottom of the image.

HTML LOWSRC image attribute

If you want to load a large high quality image on a page, you should use this attribute to display a low quality image. The low quality image is loaded initially and gives a general idea about the page. The visitor can then decide to wait for the large download. The LOWSRC attribute takes the URL of the low quality image as its value.