Images are an important aspect of a web site. They help to show detail of something, they can provide a good background, or they can just be there because you want them to be there. So, add a little more jazz to your site by reading this simple (and short) tutorial.

What is an image?

An image is a picture. Or a drawing. Or perhaps it's just a doodle. That's all there is to it. Click here to see an image. Are you back? OK. That image was used in my old images tutorial. They were side strips, and they were used on either side of the browser window.

How do I put them on my site?

It's very easy to add an image to your site. Here the code...
<img src="imgbg.gif">

Now isn't that the easiest thing you have seen? img src stands for image source. 'imgbg' were the strips on either side.

What are .gif and .jpg files?

These are the two most important types of images that you will put on your site. You can also use .bmp files, but they don't work on some browsers and the take up a lot of drive space. GIF (pronounced Jif, like the peanut butter) are a little more common than JPEG files. JPEG (pronounced exactly how it looks) are mainly photos.

Now, place your mouse over the image and stop. Do you see the text? It is really easy to do.

<img src="imgbg.gif" alt="Do you like me?">

Did you notice how that image was a lot smaller than you saw earlier? Well, I resized it, and this is the last thing that I am going to show you. There are two ways, using width and height. You don't have to use all of them if you don't want to.

<img src="imgbg.gif" height="20" width="20" alt="Do you like me?">