Adding images to your web page can give it a great look and feel, in this section I’ll show you how to add images and get them to work along side text. You use the image tag to place images on your page; this is its basic look.

<IMG SRC=”imagename”>

The IMG part means image and the SRC means source. You need to make sure that the image file your using is in the same folder as your page otherwise the browser won’t be able to find it, there is a way to tell the browser where the image is if it’s in a different folder, but I’ll save that for a later section. You should also make sure that the image file name is in lowercase, for both the file and in your HTML document as some browser don’t like uppercase. I’ll now show you an example with the image question.gif.

<IMG SRC=”question.gif”>

This would add the image to the page like so.

Simple enough, but what if you want it to go with text, I’ll show you how to align text with the image. The tag looks like so.

<IMG SRC="question.gif" ALIGN=ALIGNMENT>

The alignment part can be one of the follow to get different effects.

<IMG SRC="question.gif" ALIGN=TOP>

Up the top of the image

<IMG SRC="question.gif" ALIGN=MIDDLE>

The middle of the image

<IMG SRC="question.gif" ALIGN=BOTTOM>

Down the bottom of the image

<IMG SRC="question.gif" ALIGN=LEFT>

The left of the image

<IMG SRC="question.gif" ALIGN="RIGHT">

The right of the image

Next section - Adding Links