Since this is an advanced help page, i am going to show you some attributes you can put in you image code.
The first one I'm going to discuss involves placing a border around your image. To do this, simply add border=# in your image tag like this:
<<>img src="http://url of image" border=5<>>
Here is an example:
The second attribute I'm going to discuss is height and width attribute. It is always a good idea to never use both the height and width at the same time. This keeps your image to scale. I prefer using the width because you don't have to specify the amount of pixels wide you want the image to be, you can simply state what percentage of the page you want the image to take up. Use this code for an example:
<<>img src="http://url of image" width=25%<>>
If you don't want to use a percentage, just replace 25% with a number like 80. Play with the numbers to get the desired effect.
Now we can discuss transparency. This is a cool effect and can be used to blend images in with their backgrounds. All you have to do is insert a transparency tag in the imgae code like this:
<<>img src="http://url of image" transparency=67%<>>
Here is an example:
Before Transparency:
After Transparency:
If you want to put text next to an image, and want the text to be spaced out away from the image like this:
See? This text is spaced further to the right of the webtv logo than usual...you don't have to mess with tables for something as simple as this!
Use the hspace attribute. hspace makes an invisible barrier around your image that spaces the text further to the right of the image. Sometimes, you have to use the align attribute with it to get the desired effect:
<<>img src="url of image" align="left" hspace="35"<>>
Your words here
If you have any more image codes to contribute to Titan_Cronus's Tricks page,
let me know.
|