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

<IMG SRC = "dog.jpg">



When image is in the subdirectory called pictures

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



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!!!
© Lynne Grewe