||| How dull things would be if there was no way to display images. Thanks to the magic of "html" we can create a great panorama. This brief tutorial will help you to understand how to install and align images on your web page. |||

The above statement dooes not include the display below within the "great panorama" class. These images were chosen because of of their small size, thus reducung the time it takes for this page to display.

ME Oh MY

IMAGE - INSTALLATION - ALIGNMENT and SIZING - ATTRIBUTES

IMAGE INSTALLATION is relatively a simple process. Before we can attempt installation though we must have the image, that is the URL [address of image] to install. The image can be a JPG or a GIF. Each image must also be defined by the "alt" attribute as you will see in the examples.

Below is the code and result of a "house.gif" which is located at a subdirectory called "web".

<IMG SRC="http://www.d21c.com/zorba/web/house.gif" alt="house" >


Looking at the code we see the absolute [complete] path for the house.gif. A better way for many reasons is to use the relative path which in this case would be: <IMG SRC="web/house.gif>.

If the image and the document are located at the same directory then the relative URL becomes; <IMG SRC="house.gif">

For the rest of the examples we will use the relative path or "URL"

Alignment of images on your web-page can be LEFT, CENTER, or RIGHT.

By default images will align to the left side of your page even though you don't specify alignment as you see below.

<IMG SRC="web/house.gif" alt="house">