Adding a graphic
Open the graphics toolbar by clicking on its button on the bottom toolbar
Now click the 'NewImg' button.
You can now see that without knowing any html
We should fill in the alt variable and then go to the next tutorial.
<img src="myhome.jpg" width="300" height="225" border="0" alt="My Home">
Preview the page
and position your cursor.
Note that we are still within the center tags.
<!doctype html public "-//w3c//dtd html 3.2//en">
<html>
<head>
<title>My First Page</title>
<meta name="GENERATOR" content="Arachnophilia 4.0">
<meta name="FORMATTER" content="Arachnophilia 4.0">
</head>
<body bgcolor="#ffffff" text="#000000" link="#0000ff" vlink="#008000" alink="#ff0000">
<center>
<h1>My Page</h1>
| Position your cursor where you want the graphic to appear.
</center>
</body>
</html>
A popup screen will always appear giving you the option of importing the graphic into your folder.
Leave this on the default for now but read the options available.
Click OK and you will be able to browse to the graphic on your computer.
Find the file myhome.jpg and import it.
you have added the graphic tag complete with the correct sizes.
If you click preview 
you will see that the graphic is now on the page.
The image tag is one of the only tags that does not have a matching closing tag.
<!doctype html public "-//w3c//dtd html 3.2//en">
<html>
<head>
<title>My First Page</title>
<meta name="GENERATOR" content="Arachnophilia 4.0">
<meta name="FORMATTER" content="Arachnophilia 4.0">
</head>
<body bgcolor="#ffffff" text="#000000" link="#0000ff" vlink="#008000" alink="#ff0000">
<center>
<h1>My Page</h1>
<img src="myhome.jpg" width="300" height="225" border="0" alt="">
</center>
</body>
</html>
The only compulsory variables are img ( the name of the tag ) and src="name of graphic"
Having the sizes in there makes downloading the page faster.
Some page building softwares allow you to change the size of the image
and you could simply type in different sizes here but this is a very bad idea.
You should always change image sizes with your graphics software first
because the file size will not change so making it smaller is adding
unnecessary time to the download and making it larger loses definition.
You will see 2 more variables 'border' and 'alt'.
The alt variable is where you type the name you want to show before the graphic loads
and when the mouse is passed over the graphic.
The border variable is one I have added to my button because it does no harm
and is needed when the graphic is made into a link.
