Images

Here is the basic image tag to put your picture on the page

<img src="graphics/filename.jpg">

Hope you saved you picture into the graphics folder.

<img src="graphics/filename.jpg" width="500" height="350">

Only one dimension is really necessary as the browser will maintain the aspect ratio (width to height)

Another attribute that should go in the image tag is an alternative piece of text that shows while the picture arrives and will pop up at the pointer as a tooltip. It should be a description of the photograph subject but I often use it to show who provided the original photo.

alt="Original photo by Joe Soap"

If the image is not the full 500 pixel width of the content cell column you may wish to flow the text round the photo. This can be done by adding the align attribute, for example align="right" to put the picture on the right. Don't use this because the text buts tight up to the picture and looks crowded. Space could be added using hspace="5" but this adds space on both sides of the picture and puts it five pixels out of alignment with the text column. There are a couple of helpful site-wide style sheet classes for images called "alleft" and "alrght". Add one in the image tag as class="alrght" to achieve a perfectly balanced text flow.