HOME
   HTML TUTORIALS
   HTML EDITOR
   COLOR CHART
   TEMPLATES
   RESOURCES
   PROMOTION
   HOSTING
 
 
 
   SEARCH
   LINK TO US
 

Do you find this website helpful?
Help us by making a donation.
All donations go back to promote ebay stores.


 




Cash Register, POS, Credit Card Printer Ink Ribbons
 

 

 

 
 
 




Images:

How to access an image and display it on an HTML document.

 

Images:

All images on the internet "live" on a computer somewhere.  Anyone can call up an image to display if you know the address of that image.  To find the address or URL of an image, right click, go to properties, the address, size and format of the image will be displayed.  For example, the image above, <HTML>Images</HTML> will display the following information.
 
Protocol: Hyper Text Transfer Protocol
Type: Paint Shop Pro 7 Image
Address (URL) http://xample.net/images1.jpg
Size: 4583 bytes
Dimensions: 200 X 130 pixels
Created: 5-09-2003
   


To display the above image we need to add an image tag <img> the image tag has no closing tag.  Within the image tag we need to add the source, src, and the width and height, so the tag would look like this.

<img src="http://xample.net/image1.jpg" width="200" height="130" >

So, wherever you place this tag on your HTML document it will appear.

Some hints on images:

Images tend to be large files that require far more time to load than a text file.  A good rule of thumb is to have all images load within 20 seconds on a dial-up connection, otherwise the viewer may leave.  For a rough calculation lets assume you have 3 images, each 25K in size, on a dial-up connection we can assume the best speed will be about 4K per second, so it would take your 3 images about 19 seconds to load.

Next lesson:

Tables--->

 


Tozo
5-09-2003


 
 

Google



Home | HTML Tutorials | HTML Editor | Templates |  Resources | E-mail
 Copyright 2004 - 2008 xample.net

 
 



More help sites

 
Need Help?
checkout
Bob's
Tips


 

Lesley Feeney
Resources