|
 Images in HTML Documents |
|
|
|
|
|
Images in HTML Documents |
|
|
Images are easily added to HTML documents. Although any image anywhere on the entire Internet could be added to any web page anywhere else on the net, usually the web page author stores the images he or she intends to use in the same directory as the HTML document.
To add an image, use the image source tag:
<img src=add the URL pointing to the image:
"red_spiral.gif"an alternative line of text for non-graphic browsers:
alt="Red Spiral Image"
(Alt tags can contain upper case characters and spaces - actual file names should not.)and the image dimensions:
width="26" height="27"Then close the image tag:
>The completed image reference in your HTML document would look like this:
<img src="red_spiral.gif" alt="Red Spiral Image" width="26" height="27">And onscreen it would look like this:
The URL (in quotes) in this example is simply the name of the image itself. If the image were located in a subdirectory within the directory that contains the HTML document, the directory path would be given:
<img src="images/red_spiral.gif">(Web designers frequently put all images in an "image" subdirectory to help organize a web site's files.)
If the image was located on a completely different machine, the full URL (address and path) would be given:
<img src="http://computer.somewhere.com/images/red_spiral.gif">
(Note: It's rude and often illegal to link to an image on someone else's web site without obtaining permission.)
Images can contain meaningful content or be used solely for decoration. In either case, their use should be weighed against the amount of time that they slow the downloading of the page. Web viewers are about as patient as TV remote-control users on speed - if a page does not load fast, they are gone.
| Other sources of free or inexpensive web clip art: |
  |
