<IMG SRC="./images/image.gif">

The default image border is 0, default alignment is bottom:
<IMG SRC="./images/image.gif">

IMAGE ALIGNMENT
Image alignment refers to how the image or text next to the image behaves. Note how the position of the text changes as the ALIGN changes. Image aligned top:
<IMG SRC="./images/image.gif" ALIGN="TOP">
Image aligned middle:
<IMG SRC="./images/image.gif" ALIGN="MIDDLE">
Image aligned bottom:
<IMG SRC="./images/image.gif" ALIGN="BOTTOM">

Images may also be aligned left and right. This image is aligned left:
<IMG SRC="./images/image.gif" ALIGN="LEFT">

This image is aligned right:
<IMG SRC="./images/image.gif" ALIGN="RIGHT">

IMAGE BORDER
Borders allow you to frame your images with borders of the same color as the TEXT color. Here is a border of 1 and a border of 10:
<IMG SRC="./images/image.gif" BORDER="1"> <IMG SRC="./images/image.gif" BORDER="10">
    
ALT
The ALT command allows you to tell people browsing with images off what your image is of. This is especially important if your image is of text. It also allows people using Internet Explorer to see what the image is while it loads in:
<IMG SRC="./images/image.gif" ALT="Image Is Nothing">Image Is Nothing

HSPACE & VSPACE
You may gain further control over the position of your images by specifying horizontal and vertical space. This is especially useful for rows of images, such as buttons:
<IMG SRC="./images/image.gif" HSPACE="6" VSPACE="2"> <IMG SRC="./images/image.gif" HSPACE="6" VSPACE="2"> <IMG SRC="./images/image.gif" HSPACE="6" VSPACE="2">


REMOTE IMAGES
Though the source of your images will typically be your own folders, you can call images from other sources. To do so, you need the entire URL of the image. For example, here is the path to call the small "1" from NetOne:
<IMG SRC="http://netonecom.net/a/net1.gif">

IMAGE SIZE
It is usually best to make your images the size that you want them for your pages. Sometimes that isn't possible, so the HEIGHT and WIDTH commands allow you to specify the size of the image. Be careful with this! Incorrectly proportioned images will display with all kinds of defects. It's safest to only specify HEIGHT or WIDTH:
<IMG SRC="./images/image.gif" HEIGHT="10"> <IMG SRC="./images/image.gif" WIDTH="100">
    

IMAGE BORDER AGAIN
Though the default image border is 0, if you are using the image as a link, then the border for that image will be 2, generally too large. Use the BORDER command to modify:
<A HREF="./webwise.html#back4"><IMG SRC="./images/all-done.gif"></A>


back