GRAPHICS TAGS


These day every web page you see has graphics or images in it. Using graphics and images is a great way to present your site but there is one problem with using graphics, more graphics you use more slower your page will load. When making a web page you always have two choices that you want your web page to look batter or you want more visitors. Never forget that there are some people who are users of very slow modem or Internet connection. The Maximem time your page should take to load is 10 seconds. If your page takes longer then that I would say you should use less graphics. Your visitor may or may not wait any longer then this for your page to load. It all depends how important your site is for them and how long they can wait. Once your visitor has left your site because of graphics, you can bet he will never be back.

Here is how you can add the graphics and images on you page. First thing is to put a image in you page. You can add a image to your page by using the following code:
<IMG SRC="Location of the image">

Here is your image, now let's use alternate text to describe this image so if any browser doesn't loads this image your visitor will know what is image is about. To do so we need to use the following code:
<IMG SRC="URL" ALT="This is a picture of a bird">

This is a picture of a bird
Point you mouse on the picture.

You can also change sizes of the images. Here is a example of the same image with changed size by using the following tag:
<IMG SRC="http://business.fortunecity.com/lucar/122/images/myimage.jpg" width="200" height="300">


This is size chaged picture.


You can also change the border sizes of the image so when you make a link on the image it doesn't appears or appears bigger. Here are some examples of diffrent border sizes:

This image's border size is 10
<IMG SRC="URL" BORDER="10">
This image's border size is 5
<IMG SRC="URL" BORDER="5">
This image's border size is 0
<IMG SRC="URL" BORDER="1">


Our last trick is to try everything togeather like this:
<IMG SRC="URL" BORDER="0" WIDTH="100" HEIGHT="100" ALT="This is my images">

This is my image


HOME