|
|
|
               |
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0 Transitional//EN">
<HTML>
<HEAD>
<TITLE>Image Example</TITLE>
</HEAD>
<BODY>
<B>Body Tag</B><BR>
The body background image is the called guild_bg.gif and is tiled across the entire page. Technically you should only have one body tag, but in some websites they allow there users to add html to customize a page and when you add a second body tag it will override what was in the original body tag, allowing them to place a background image.<BR><BR>
<BODY BACKGROUND="../images/guild_bg.gif"></BODY>
<B>Image Tag</B><BR>
<IMG SRC="../images/sample.jpg" WIDTH="75" HEIGHT="75" HSPACE="10" VSPACE="10" BORDER="3" ALIGN="right" ALT="Sample"> Here is the example for an image with 10 pixel spacers horizonal and vertical, a border of 3 pixels, and aligned to the right of the paragraph. The source is our sample image, located in the images directory.<BR><BR>
<B>Image Map</B><BR>
Below is an image map:<BR>
<IMG SRC="../images/neomansions.jpg" WIDTH="320" HEIGHT="240" BORDER="0" ALT="" USEMAP="#sample"><BR><BR>
<MAP NAME="sample">
<AREA ALT="rectangle" COORDS="130,102,199,138" HREF="#bottom">
<AREA ALT="circle" SHAPE="circle" COORDS="231,184,26" HREF="#top">
</MAP>
There is a rectanglar link over the <I>Mystery Island Banner</I>, and a circular link over the face of the Egyptian Walrus :)<BR><BR>
<B>Note:</B> the NAME attribute within the <map> tag directly relates to the USEMAP attribute defined in the <IMG> tag.<BR>
<A NAME="bottom"></A>
</BODY>
</HTML>
Check out how this code looks when displayed on your browser, by clicking here.<HTML>
<HEAD>
<TITLE>Image Example</TITLE>
</HEAD>
<BODY>
<B>Body Tag</B><BR>
The body background image is the called guild_bg.gif and is tiled across the entire page. Technically you should only have one body tag, but in some websites they allow there users to add html to customize a page and when you add a second body tag it will override what was in the original body tag, allowing them to place a background image.<BR><BR>
<BODY BACKGROUND="../images/guild_bg.gif"></BODY>
<B>Image Tag</B><BR>
<IMG SRC="../images/sample.jpg" WIDTH="75" HEIGHT="75" HSPACE="10" VSPACE="10" BORDER="3" ALIGN="right" ALT="Sample"> Here is the example for an image with 10 pixel spacers horizonal and vertical, a border of 3 pixels, and aligned to the right of the paragraph. The source is our sample image, located in the images directory.<BR><BR>
<B>Image Map</B><BR>
Below is an image map:<BR>
<IMG SRC="../images/neomansions.jpg" WIDTH="320" HEIGHT="240" BORDER="0" ALT="" USEMAP="#sample"><BR><BR>
<MAP NAME="sample">
<AREA ALT="rectangle" COORDS="130,102,199,138" HREF="#bottom">
<AREA ALT="circle" SHAPE="circle" COORDS="231,184,26" HREF="#top">
</MAP>
There is a rectanglar link over the <I>Mystery Island Banner</I>, and a circular link over the face of the Egyptian Walrus :)<BR><BR>
<B>Note:</B> the NAME attribute within the <map> tag directly relates to the USEMAP attribute defined in the <IMG> tag.<BR>
<A NAME="bottom"></A>
</BODY>
</HTML>
