The IMG tag

---

• alignment=[left|right|top|texttop|middle|absmiddle|baseline|bottom|absbottom]
  

  <img src="image.gif" align="left">

  The image is
  on the left margin
  of this block of text

  <img src="image.gif" align="right">

  The image is
  on the right margin
  of the page.

  <img src="image.gif" align="top">

  The image aligns with the Tallest item in the line.

  <img src="image.gif" align="texttop">

  The image aligns with the tallest Text in the line. It is similar to Align=TOP.

  <img src="image.gif" align="middle">

  The bottom edge of the text aligns with the middle of the image.

  <img src="image.gif" align="absmiddle">

  The middle of the text aligns with the middle of the image.

  <img src="image.gif" align="baseline"|"bottom">

  The bottom edges of the text and image align.

  <img src="image.gif" align="absbottom">

  aligns bottom of image with bottom of current line [hunh?]

  ---

• <img src="image.gif" width=220 height=40>
  
  If you already know the width and height of your image then use the width and height parameters as this will speed up the display of the document on the remote end.

  If the size you've set in the parameters is different to the real image it will be stretched to fit. This does mean that if the image happens to be changed you're going to have to go and correct all occurrences of width and height ...bleurghh!

  ---

• <img src="image.gif" border=10>
  
  Places a rounded border and a dropshadow behind your image.

  ---

• <img src="image.gif" hspace=20 vspace=10>

  Notice how there is an empty gap around the image. This is created using
  horizontal and vertical spacing: Hspace and Vspace. Notice how there is an empty gap around the image. This is created using horizontal and vertical spacing: Hspace and Vspace. Notice how there is an empty gap around the image. This is created using horizontal and vertical spacing: Hspace and Vspace.

  ---

• <img src="image.gif" USEMAP="#name">

  It is now possible to have imagemaps that do not require the customary ISMAP tag.

  The name given to the USEMAP tag is the name of a MAP defined in the header of the current document.

<img LOWSRC="image.gif">

The netscape browser will show the image from LOWSRC before loading the main image. Although this is useful for showing a Low resolution version of an image before loading the more detailed version, there is there is no reason why you can't put another image in here.

Did you notice how the image changed from a blue picture to the blurred country image? If you missed it, reload the document and you may see it.