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:
![](image1.jpg)
¬HOME
¬Advanced Text Effects Tags ---
THE END!!!®