Tuesday, January 29, 2008

Image Alignment on HTML Pages using ALIGN tag

Image Alignment on HTML Pages

Image Source
To use a graphic with a page of HTML text, use the markup
<IMG SRC = "source & file type of the image">

The source of the image is defined by where the image is relative to the main document. The simplest situation is where the image is in the same directory as the main document. Then the image source is simply the name of the image file and its file type:
<IMG HEIGHT=140 WIDTH=125 SRC = "koala.jpg">.

If images are stored in a separate "graphics" directory/folder on the server:
<IMG HEIGHT=140 WIDTH=125 SRC = "graphics/koala.jpg">.


ALIGN=TOP
HTML: <IMG HEIGHT=140 WIDTH=125 SRC="graphics/koala.jpg" ALIGN=TOP>


ALIGN=MIDDLE
HTML: <IMG HEIGHT=140 WIDTH=125 SRC="graphics/koala.jpg" ALIGN=MIDDLE>    


ALIGN=BOTTOM
HTML: <IMG HEIGHT=140 WIDTH=125 SRC="graphics/koala.jpg" ALIGN=BOTTOM>

ALIGN=LEFT
HTML: <IMG HEIGHT=140 WIDTH=125 SRC="graphics/koala.jpg" ALIGN=LEFT>

ALIGN=RIGHT
HTML: <IMG HEIGHT=140 WIDTH=125 SRC="graphics/koala.jpg" ALIGN=RIGHT>

ALIGN=RIGHT With Space Control
HTML: <IMG HEIGHT=140 WIDTH=125 SRC="graphics/koala.jpg" ALIGN=RIGHT HSPACE=50 VSPACE=50>

for more info :
http://www.nmacmillan.com/images.htm

No comments:

Post a Comment