ALIGN, HSPACE & VSPACE Attributes Illustrated:
| Attribute |
Result |
| Top |
 This
is an example of an image inserted with the align attribute set to top.
As text continues onto the next line, the text adjacent to the image will be
aligned at the top of the image. code used <img src="blockM.gif"
width="63" height="48" alt="blockM.gif (246 bytes)"
hspace="5" align="top"> |
| Bottom |
This is an example
of an image inserted with the align attribute set to bottom, or perhaps
not set at all since bottom is the default. As text continues onto the next line,
the text adjacent to the image will be aligned at the bottom of the image.
i.e. <img
src="blockM.gif" width="63" height="48"
ALT="blockM.gif (246 bytes)" hspace="10"
align="bottom"> |
| Middle |
This is an example
of an image inserted with the align attribute set to middle. As
text continues onto the next line, the text adjacent to the image will be aligned at the
middle of the image. i.e.
<img src="blockM.gif" width="63" height="48"
alt="blockM.gif (246 bytes)" hspace="20"
vspace="20" align="middle"> |
| Left |
With
the align attribute set to left, the image is positioned on the left side
of the text, with text flowing around it on the right. This option was not
available in HTML 2.0, but is a very desirable extension to the specifications.
i.e. <img
src="blockM.gif" width="63" height="48" alt="blockM.gif
(246 bytes)" hspace="10" align="left"> |
| Right |
With
the align attribute set to right, the image is positioned on the right
side of the text, with text flowing around it on the right. This option was not
available in HTML 2.0, but is a very desirable extension to the specifications.
i.e.
<img src="blockM.gif" width="63" height="48"
alt="blockM.gif (246 bytes)" hspace="20"
align="right"> |
|