4 - Images

Quick Review:
In the previous sections, we've learned about tags, structure, and links.

Now let's move on to a very important part of all web pages, images.

A web page wouldn't be complete without images. You can do lots of things to images, but for now, let's stick with the basics.

To insert an image to our web page, we use the following code:

<IMG SRC="images/mypicture.jpg">

Pretty simple, eh? Ok, let's look at the code.

The IMG of course means image. The SRC means the source for the image, where the image is located.
By default, your browser will use the folder your page is in, so if you have all your web pages in folder1, and all of your images in a sub folder called "images", then all we need to do is say, the source for mypicture.jpg is just in the "images" folder.
You can also use URL's to point where your images are. For example, I like the calander picture on UnitedRecruiters.com, so I can "leech" that image off of that site:

<IMG SRC="http://www.unitedrecruiters.com/images/calander.gif">

Although, this isn't too good, and I don't recommend it, you get the idea.

In the next section, we're going to put all of what we've learned so far together...