Images are included in html with single tags. The syntax of this type of tag
is as follows:
<IMG SRC="path_to_file_containing_image_on_server"
ALT="Alternate text for text-only web browswers"
ALIGN=["top"|"middle"|"bottom"|"texttop"|
"absbottom"|"absmiddle"|"baseline"
]
WIDTH=[pixels|percentage]
HEIGHT=[pixels|percentage]
BORDER=[pixels|percentage]
VSPACE=[pixels|percentage]
HSPACE=[pixels|percentage]
ISMAP
>
NOTE: italized text indicate optional modifers and
blue text indicates Netscape© specific modifiers.
Most web browsers now support images in three formats,
GIF (Graphics Interchange Format),
JPG(Joint Photographic Experts Group) or XBM(X11 BitMap).
There are many graphics interchange programs available, one is
Graphics Converter for the MAC,
another is xv or the netpbm programs found on many UNIX sites.
Of these three, GIF files have the ability to be interlaced
(a 10 line graphic would be stored as 1,4,7,10,2,5,8,3,6,9, that is the
first of every group of three, then the second of every group of three, and
finally the third of every group of three)
Interlacing can be used by some browsers to display a rough image that will
clarify in two more passes. This is considered desirable since it gives
persons with slow access time to abort a download of an image before the whole
image is loaded. Also the clarifying affect is considered pleasant in its own
right by some.
GIF images may also have a single color defined as `transparent'.
Find below a set of examples of various aspects of using images on web pages,
NOTE: due to the complexity of some of the examples it was not feasable to
give the HTML codes that generated them, but it should be possible to view
this document's (or this frame's) source.
 border=0
border=1
border=2
border=10
Images in a column:
Images in a row:
Images as links:
closing anchor tag on next line
(note the little underscore next to the image
if you are using netscape).
closing anchor tag on same line as image
with the 'border=0' option to the 'img' tag.
Image with various img tag options changed:
height=5 width=50% align=right
height=3 width=50% in
<center>
...
</center>
tags
height=7 width=50% align=left
Text and images:
Text next to align=top image
Text next to align=bottom image
Text next to align=middle mage
| 
