PHOTOGRAPHY AND GRAPHICS BY JAY BOERSMA
|
 Additional Image Tags |
|
|
Alignment
<IMG SRC="images/earth.gif" ALT="Earth Image" WIDTH="112" HEIGHT="112" BORDER="0" HSPACE="10" VSPACE="0" ALIGN="left">
The image alignment tags allow web authors to wrap text around images. This feature, taken for granted by users of page layout applications and word processors, has only recently come to the web. (Not surprising since everything has only recently come to the web.) Images that have the ALIGN tag added, become "floating" images that will position themselves at the next available open space along whichever margin is specified. Once the image is positioned, text flows around it.
The image align tags are used in conjunction with enhanced <BR> tags:
<BR CLEAR=LEFT>, <BR CLEAR=RIGHT>, or <BR CLEAR-ALL> which can be thought of as "restoring things to normal" after a floating image has been used.To prevent wrapped text from touching the edges of floating images, HSPACE and VSPACE controls can be used to adjust the amount of space on horizontal or vertical sides of the image. This is specified in pixels as in HSPACE=10.
Border Size
 BORDER=0 |
BORDER=10 |
BORDER=15 |
BORDER=20 (link) |
This lets the web author control the thickness of the border around an image displayed. it can be used to create borders around images that have none or to eliminate borders from images that are hypertext links.
Image Size
Image size tags should be used for every image on every page. This is essential for speeding the loading of pages. Without size tags, the browser has to wait to draw the page until the images have downloaded; with size tags, the browser can load the entire page and fill the images in later as their downloading is completed.
Image size tags can also be used to actually change the size or shape of the image though that functionality is usually less significant than their role in speeding page loading.