[Index] [Up] [Back] [Next]

4.4.1 Examples of IMG

Examples

Here are some examples, and their renderings.

Example 1 - ALIGN=TOP

<p> <IMG SRC="testicon.gif" ALT="[Test image]" 
ALIGN=TOP> Here is some text related to the test image.  
It is not very interesting, but should show how the 
text is wrapped around the image given the ALIGN=TOP 
alignment attribute.
This is rendered:

[Test image] Here is some text related to the test image. It is not very interesting, but should show how the text is wrapped around the image given the ALIGN=TOP alignment attribute.

Example 2 - ALIGN=BOTTOM

<p> <IMG SRC="testicon.gif" ALT="[Test image]" ALIGN=BOTTOM> 
Here is some text related to the test image.
It is not very interesting, but should show how the 
text is wrapped around the image given the ALIGN=BOTTOM 
alignment attribute.
This is rendered:

[Test image] Here is some text related to the test image. It is not very interesting, but should show how the text is wrapped around the image given the ALIGN=BOTTOM alignment attribute.

Example 3 - ALIGN=MIDDLE 

<p> <IMG SRC="testicon.gif" ALT="[Test image]" 
ALIGN=MIDDLE> Here is some text related to the test image.  
It is not very interesting, but should show how the 
text is wrapped around the image given the ALIGN=MIDDLE 
alignment attribute.
This is rendered:

[Test image] Here is some text related to the test image. It is not very interesting, but should show how the text is wrapped around the image given the ALIGN=MIDDLE alignment attribute.

Example 4 - IMG AS A HYPERTEXT LINK

<p> <a href="image.html"> <IMG SRC="testicon.gif" 
ALT="[Test image]" ALIGN=MIDDLE> </a>  This icon 
is also a hypertext link (in this case, just back to
this document).
This is rendered:

[Test image] This icon is also a hypertext link (in this case, just back to this document).

[Index] [Up] [Back] [Next]