HTML / Web Design Basics (Part II)

A basic web page usually has a few of these elements:


Images
When using images on your webpage, it is good practice to use either gif or jpg images.

Tag: <IMG SRC="wd_pelican.jpg">


Some tags have additional properties which can be added which are called attributes. The image tag has the following attributes:

Border: <IMG SRC="wd_pelican.jpg" Border="5">
You can set the border to any size. The picture border above is set to 5. You can even set the border to 0 for no border.


Alternate Text: <IMG SRC="wd_pelican.jpg" Border="5" ALT="Pelican picture">
Pelican picture

Now place your cursor over the picture & leave it for a few seconds. You should see the alt text appear. You can use it to describe your image. It's also used for people that surf the net without pictures or for disabled surfers. There are programs which can read the alt text for the disabled, so it's helpful to have alt text available so that these surfers don't get left out.


Height & Width: <IMG SRC="wd_pelican.jpg" Border="5" ALT="Pelican picture" Width="150" Height="100">