Ha Ha I have an image on my page and you don't. Ha Ha. Wait no! Don't cry... please stop! I'll tell you how, I will.
Lets start by downloading the moon image by right clicking it and selecting "Save As". Save it to the folder with your page in it. Name it "moon.gif" all lower case. "moon' is the name of the image and ".gif" tell the computer what kind of image "moon" is.
Type:<IMG> (Note <IMG> doesn't need a closing tag)
Humm.. not a moon... Stupid Browser!! Oh wait we didn't tell the browser what image.
Type <IMG src="mooon">
Even worse... Hey, remember how above we named the image "moon.gif" maybe if we try that.
Type: <IMG src="moon.gif">>
Bingo! But lets say a viewer can't see the images, but has turned them off?
Type: <IMG src="moon.gif" alt="A Bright Moon">
Not much change, unless you turn off your images, then you will see the text telling you what the image is.
Lets change the size. Yeah! Yeah! (Note: this image's orriginal size is 100 pixles (px) by 100px)
Type <IMG src="moon.gif" height=80 width=50>
<BR> <IMG src="moon.gif" height=200 width=200>
<BR> <IMG src="moon.gif" height=100 width=20>
<BR> <IMG src="moon.gif" height=20 width=100>
<BR> <IMG src="moon.gif" height=100 width=100>
Nice.
Now lets alignt with text.
Type:
<BR><IMG src="moon.gif" align=left>XXX XXX XXX XXX XXXXX XXXXX XXXX XXXXX XXXXXX XXXX XXX XXXX XX
<BR clear=all><IMG src="moon.gif" align=right>YY YYY YYYY YYYYYYY YYYYY YYYYYY YYYY Y YYYYY YY YYYY YYYY YY
<BR clear=all><IMG src="moon.gif" align=top>AAAAA AAAAAAA AAAAAAAAAA AAAAAAA AAAAAAAA AAAAAAA AAAAA
<BR clear=all><IMG src="moon.gif" align=middle>BB BBB B BBBB BB BBBBBBBBBBBBB BBBB BBBBBB BBBB BBBBBB BBB
<BR clear=all><IMG src="moon.gif" align=bottom>C CCCCC CCCCCC CCCCCCC CCCCCC CCCCCCCC CCCCCC CCCC CCCC
XXX XXX XXX XXX
XXXXX XXXXX XXXX XXXXX XXXXXX XXXX XXX
XXXX XX
YY YYY YYYY
YYYYYYY YYYYY YYYYYY YYYY Y YYYYY YY
YYYY YYYY YY
AAAAA AAAAAAA
AAAAAAAAAA AAAAAAA AAAAAAAA AAAAAAA
AAAAA
BB BBB B BBBB BB
BBBBBBBBBBBBB BBBB BBBBBB BBBB BBBBBB BBB
C CCCCC
CCCCCC CCCCCCC CCCCCC CCCCCCCC CCCCCC
CCCC CCCC |
(<BR clear=all> is needed to escape the alignment and start after the images.)
Now lets say we want our image to be our background.
Replace <BODY bgcolor="color" text=red>
With<BODY background="moon.gif" text=red>
| Backgrounds tile themselves so a pattern would be better than just a regular an image. |
Also Animated images work the same as regular images
