Cool Image Effects

Cool Image Effects

IMG tag

The < IMG > tag has many different paramaters. Here are some examples of some:

Wrapping text around an image

The following alings the image to the left side of the screen, and all the text is on the right.
< IMG SRC="image1.jpg" ALIGN=left >

The Image is on the left, and the text is on the right

The text will eventualy wrap around the image.

Editing the Image size

You can edit the size of the image by typing this:
< IMG SRC="image1.jpg" WIDTH=100 HEIGHT=250 >

Borders

You can put borders around images by typing
< IMG SRC="image1.jpg" BORDER=5 >
The "border=5" paramater controls the thickness of the border. This is what it looks like:

Making Image Links

You can even make images act as links, by doing this.
< A HREF="html1.html" > < IMG SRC="image1.jpg" BORDER=0 > < /A >

Making Image Links With Border

To put a border, you do the same thing, except you put a number in the "border=#" parameter, like this:
< A HREF="html1.html" > < IMG SRC="image1.jpg" BORDER=3 > < /A >

This gives people the idea that the picture is actualy a link.

Putting Words in Pictures

You can use the ALT paramater to place text in the place of where an image will be loaded overtop of.
If you type < IMG src="image1.jpg" WIDTH=300 HEIGHT=300 ALT="Alternative Text Can Go Here" > ,this is what you will get:

1 Image linking to several different pages

You can even have one image link to several different pages based on the location a user clicks. These are called imagemaps. Don't worry about remembering how do to these. Get a wizard program to do it for you!

This is what you do:
< map name="LearnMap" >
< area shape="rect" coords="36,71,126,147" href="html1.htm" >
< area shape="rect" coords="55,0,148,65" href="html2.htm" >
< area shape="rect" coords="16,148,149,210" href="html3.htm" >
< /map >

< img src="image1.jpg" usemap="#LearnMap" >

This is what you will get:

ŹHOME ŹAdvanced Text Effects Tags --- THE END!!!Ž