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!!!