A PICTURE IS WORTH A THOUSAND WORDS
Graphics are a great way to make a webpage more interesting. They may take the form of a picture of your baby, an icon of a flag to show what country a link is from, a button you have made, or an animation.
An image uses a stand alone tag called <img>. It uses the following equations in a similar fashion as the <body> tag.
|
NAME / EXAMPLE |
FUNCTION |
|
scr="path/file.name" |
tells the editor where to find the picture. The path name cannot contain spaces. |
|
alt="name" |
this is the name that appears when the graphic is loading. e.g. "picture of my baby" This name can contain spaces. |
|
width="15" |
how many pixels wide the picture should appear |
|
height="150" |
how many pixels high the picture should appear |
Here is an example of our plain Jane webpage with the graphic of a Canadian flag added beside the link to Cybermoms.
<HTML><HEAD>
<TITLE>MY VERY BASIC PLAIN JANE BORING WEBPAGE</TITLE>
</HEAD>
<body bgcolor="#ffffff" text="#000000" link="#0000ff" vlink="#ff0000" alink="#00ff00">
the good stuff goes here
<P>
<img src="cdnspn_wpcon.gif" width="64" height="37" alt="our flag">
<a href="http://cybermoms.cyberbeach.net">Cybermoms</a>
</BODY>
</HTML>
And, here is what the page looks like now:
