Icons for the Beachtech Web Page Class

Icons are small images that are used as buttons to click on your web pages.

The HTML code to display the small green ball below is

<IMG SRC="greenbal.gif" WIDTH=14 HEIGHT=14 BORDER=0 ALT="">

Small Colored Balls

resist animation

This last ball is an "animated GIF" - resist these in general until you are an experienced web designer. They slow down your page and they can be very distracting to the viewer.

3D Colored Buttons

Icons That Look Like Something

Click for Clipart Info

Icons are usually also "links" to other web pages or sub-pages within a web site. For example, the Info GIF above is a link to the "clipart" page for this class. You can tell it is a link because something happens when you move the mouse over it (the cursor changes to a hand and/or a tip appears on the screen). Click on it to see what happens.

The HTML code to display the Info GIF and make it a link is:

<a href="../clipart/index.html"><IMG SRC="info.gif" WIDTH=32 HEIGHT=32 BORDER=0 ALT=""></a>

Back to the Class