How can you modify images? Well, there are a couple of ways. First, you can modify its size. You can also modify how text around the image is displayed. (This is called text wrapping.) You can also give images a name, using the ALT option witin the image tag. Move your mouse over the image above and you'll see an example of this.
Let's start with text wrapping. There are 5 ways to wrap the text. They are:
To give an image a name like I did for the top one, you just put an ALT="what you want it to say" option in the image tag. For example, the code for the top images is:
<IMAGE SRC="images/images.jpg" ALT="Learn about images!" ALIGN="BOTTOM">
Notice that my image name is "images.jpg", and it is stored within an images folder. If I hadn't referenced the images folder, and just typed
<IMAGE SRC="images.jpg" ALT="Learn about images!" ALIGN="BOTTOM">This is what would have happened:
No image! Your browser isn't able to find the image, because it's referenced incorrectly. Always be very careful about how you reference your images. One problem that comes up often for me is when I have pages in sub-folders, that need to reference images out of the regular image directory that is back one folder. The way to reference these is like this:
Which would just display the images picture. The "../" part of the SRC option means "back up one directory." You can use this for more than one directory, though I think if you had that many subfolders you probably just need to redesign your site.
The size of your image can also have a great effect on its appearance. I think it'd be best here to again do some more examples. Here are some different size effects: (remember, these options are done within the image tag.)
You can see what a broad range of effects you can have on a picture. If you look at the first and second options, they aren't any different, because 99x34 are the picture's natural dimensions. If you leave out the WIDTH and HEIGHT options altogether, the web browser will automatically give it its default dimensions. You can also have the image resize itself automatically in reference to the cell it is contained in. (or the entire page if it isn't in a table.) I wouldn't suggest this last method, though. The image can get pretty funny sized. Take a minute to resize your window and watch how much the last image changes. (it may not even show up after you resize your window!)
There are more options for images, as for everything else we'll talk about here, but I think we'll leave it here for now.