How to include Images in your webpage

assume here the image is called dog.jpg

When image is in the same directory as the html

When image is in the subdirectory called pictures

When image is at another site

Use this option with caution. The site and hence the image will disappear. Also will take longer to load the image

<IMG SRC="http://www.ibm.com/pictures/dog.jpg">

Centering an Image

Simply surround the image tag with the center and end center tags as follows:

<CENTER><IMG SRC = "dog.jpg"></CENTER>

Not Centered- Try It
Centered-Try It

Text Alignment Next to an Image

Use to allign the text following the image tag next to the image in the web document produced.

<IMG ALIGN="type" SRC="image">
where type can equal:

bottom = aligns text at bottom of image Try It
top = aligns text at top of image Try It
middle = aligns text at middle of image Try It

See HTML quick reference #3 and the book for other options. Including wrapping the text around the image!!!