re-
VISION
PHOTOGRAPHY AND GRAPHICS BY JAY BOERSMA
|
 Image Size Tags |
|
|
This is how it appears as HTML:
<IMG SRC="4x4r2k.gif" ALT="4-pixel GIF" HEIGHT=4 WIDTH=4>
|
The same 4-pixel by 4-pixel image with size tags changed to HEIGHT=30 WIDTH=80. |
The same image - size tags changed to HEIGHT=4 WIDTH=590 - a horizontal rule.
Non-breaking spaces were also used to create this decorative dingbat:
The same image with size tags
changed to HEIGHT=8 WIDTH=8
becomes a bullet.
The vertical spacing on this page was achieved by using the <PRE> </PRE> tags with returns between them and the horizontal spacing was tweaked with non-breaking spaces:
<CENTER> <IMG SRC="4x4r2k.gif" ALT="4-pixel GIF" HEIGHT=4 WIDTH=4> <IMG SRC="4x4r2k.gif" ALT="4-pixel GIF" HEIGHT=4 WIDTH=4> <IMG SRC="4x4r2k.gif" ALT="4-pixel GIF" HEIGHT=4 WIDTH=4> <IMG SRC="4x4r2k.gif" ALT="4-pixel GIF" HEIGHT=4 WIDTH=4> </CENTER>
Since all of these variations resulted from a single 4x4 pixel GIF which was only downloaded by the browser a single time, page loading times are very fast in spite of the appearance of several graphic elements throughout the document.