HTML.

11.1 Vertical Image Alignment



<IMG SRC="smiley.gif">	This is some text with no long words: is is is is is is is is is is is is is is is is is is is is is is is is is is is is is is is is is.
<IMG SRC="smiley.gif" ALIGN=bottom> Aligns bottom of image with baseline of line	This is some text with no long words: is is is is is is is is is is is is is is is is is is is is is is is is is is is is is is is is is.
<IMG SRC="smiley.gif" ALIGN=baseline> Aligns bottom of image with baseline of line (same as ALIGN=bottom)	This is some text with no long words: is is is is is is is is is is is is is is is is is is is is is is is is is is is is is is is is is.
<IMG SRC="smiley.gif" ALIGN=absbottom> Aligns bottom of image with lowest item on line	This is some text with no long words: is is is is is is is is is is is is is is is is is is is is is is is is is is is is is is is is is.
<IMG SRC="smiley.gif" ALIGN=middle> Aligns middle of image with baseline of text	This is some text with no long words: is is is is is is is is is is is is is is is is is is is is is is is is is is is is is is is is is.
<IMG SRC="smiley.gif" ALIGN=absmiddle> Aligns middle of image with middle of text	This is some text with no long words: is is is is is is is is is is is is is is is is is is is is is is is is is is is is is is is is is.
<IMG SRC="smiley.gif" ALIGN=top> Aligns top of image with tallest item on line	This is some text with no long words: is is is is is is is is is is is is is is is is is is is is is is is is is is is is is is is is is.
<IMG SRC="smiley.gif" ALIGN=texttop> Aligns top of image with tallest text on line	This is some text with no long words: is is is is is is is is is is is is is is is is is is is is is is is is is is is is is is is is is.

11.2 Horizontal Image Alignment



<IMG SRC="smiley.gif" ALIGN=right>	This is some text with no long words: is is is is is is is is is is is is is is is is is is is is is is is is is is is is is is is is is is is is is is is is is is is is is is is is is is is is is is is is is is is is is is is is is is is is is is is is is is is is is is is is is is is is is is is is is is is is is is is is is is is is is is is is is is is is is is is is is is is is is is is is is is is is is is is is is is is is is is is is is is is is is is is is is is is is.
<IMG SRC="smiley.gif" ALIGN=left>	This is some text with no long words: is is is is is is is is is is is is is is is is is is is is is is is is is is is is is is is is is is is is is is is is is is is is is is is is is is is is is is is is is is is is is is is is is is is is is is is is is is is is is is is is is is is is is is is is is is is is is is is is is is is is is is is is is is is is is is is is is is is is is is is is is is is is is is is is is is is is is is is is is is is is is is is is is is is is.
<IMG SRC="smiley.gif" ALIGN=left> and <IMG SRC="smiley.gif" ALIGN=right>	This is some text with no long words: is is is is is is is is is is is is is is is is is is is is is is is is is is is is is is is is is is is is is is is is is is is is is is is is is is is is is is is is is is is is is is is is is is is is is is is is is is is is is is is is is is is is is is is is is is is is is is is is is is is is is is is is is is is is is is is is is is is is is is is is is is is is is is is is is is is is is is is is is is is is is is is is is is is is.

11.3 Image Space & Border



<IMG SRC="smiley.gif" ALIGN=left BORDER=1>

This is some text with no long words: is is is is is is is is is is is is is is is is is is is is is is is is is is is is is is is is is is is is is is is is is is is is is is is is is is is is is is is is is is is is is is is is is is is is is is is is is is is is is is is is is is is is is is is is is is is is is is is is is is is is is is is is is is is is is is is is is is is is is is is is is is is is is is is is is is is is is is is is is is is is is is is is is is is is.

<IMG SRC="smiley.gif" ALIGN=left VSPACE=16 HSPACE=32 BORDER=4>

This is some text with no long words: is is is is is is is is is is is is is is is is is is is is is is is is is is is is is is is is is is is is is is is is is is is is is is is is is is is is is is is is is is is is is is is is is is is is is is is is is is is is is is is is is is is is is is is is is is is is is is is is is is is is is is is is is is is is is is is is is is is is is is is is is is is is is is is is is is is is is is is is is is is is is is is is is is is is.

11.4 Image Alternate Text



<IMG SRC="smiley.gif">	This is some text.
<IMG SRC="smiley.gif" ALT="Ooops">	This is some text.

11.5 Image Size & Scale



<IMG SRC="smiley.gif"> Image size unknown until browser retrieves file
<IMG SRC="undercon.gif" WIDTH=40 HEIGHT=40> Browser can allocate space before file is retrieved
<IMG SRC="smiley.gif" WIDTH=80 HEIGHT=80> Browser scales image to specified size
<IMG SRC="smiley.gif" WIDTH=20 HEIGHT=20> Browser scales image to specified size
<IMG SRC="smiley.gif" WIDTH=20 HEIGHT=80> Browser scales image to specified size

11.6 Internal Images



Netscape 1.22 and more support these internal images:



	<IMG SRC="internal-gopher-binary">	page with 0's and 1's
	<IMG SRC="internal-gopher-index">	binoculars
	<IMG SRC="internal-gopher-image">	page with symbols
	<IMG SRC="internal-gopher-menu">	file folder
	<IMG SRC="internal-gopher-movie">	strip of film
	<IMG SRC="internal-gopher-sound">	page with speaker
	<IMG SRC="internal-gopher-text">	page with text
	<IMG SRC="internal-gopher-telnet">	PC icon
	<IMG SRC="internal-gopher-unknown">	blank page

11.7 Client-Side Image Maps



(0,0)

Pass your mouse over the picture and keep an eye on your browser's status line.

If your browser supports client-side image maps, you should see a reference to GOTOTOP while over the top half of the picture, and GOTOBOTTOM while over the bottom half. (These links are not active, so if you actually click on the picture, you'll get an error message saying that the link cannot be found.)

If your browser does not support client-side image maps, if you click on the picture, nothing will happen.

The HTML code for this is:

<MAP NAME="Map">
    <AREA shape="circle" coords="x,y,rayon" href="lien1.html">
    <AREA shape="polygon" coords="x1,y1,x2,y2,etc..." href="lien2.html">
    <AREA shape="rect" coords="x1,y1,x2,y2" href="lien3.html">
</MAP>
<IMG USEMAP="#Map" SRC="map.gif" border=0>

11.8 Background Image



A background image may be specified as an option in the <BODY> tag, as follows:

<BODY BACKGROUND="path/filename.gif">

(Personally, I think that the use of this feature is just about as obnoxious as <BLINK>!)