Another IMG attribute that deserves mention is ALT...

HEIGHT=87 ALT="Zeus"> 

ALT is sort of a substitute for the image when the user is using a browser that isn't (for whatever reason) displaying images. Someone may be using a text only browser, he may have image loading turned off for speed or he may be using a screen reader (a browser where the web page is read aloud). In those cases, that ALT attribute could be very important to your visitor.

Is Size important?

Try this...


As you can see, the browser figures out how big the image is all by itself. Why bother with dimensions then? Because with dimensions, the browser can simply reserve a space for the image, then load the rest of page. Once the entire page loads it can go back and fill in the images. Without dimensions, when it runs into an image, the browser has to pause loading the page, load the image, then continue loading the page. All in all, the browser functions much better with image dimensions.

You can have fun with dimensions:


HEIGHT=101> </BODY> 

HEIGHT=200> </BODY> 

You can specify whatever dimensions you want and override the proper dimensions.
If you have time, look at this little red dot ->   It's a 1x1 square. Unpromising? But see what youcan do with it though...

 <BODY> <P ALIGN="center"><IMG SRC="red_dot.gif" 
WIDTH=500 HEIGHT=1> <P ALIGN="center"><IMG SRC="red_dot.gif" 
WIDTH=500 HEIGHT=2> <P ALIGN="center"><IMG SRC="red_dot.gif" 
WIDTH=500 HEIGHT=8> <P ALIGN="center"><IMG SRC="red_dot.gif" 

Quod erat demonstrandum