So you want to add some images to your web page. Bold colorful images are sweeping the web. Lines, buttons, balls, pictures, banners; they are everywhere you surf. Amazingly enough adding them to your web page is the easy part. Creating unique, personal, quality images for you web page is usually the hard part. Luckily, there are plenty of sources on the Web which can provide you with free images.
The code looks like this.
Notice that the SRC option specifies the name or location or the image file. It can be a relative or exact URL address. In the case above, the image file would need to be place in the same directory as the HTML page file. Remember, you will need to FTP transfer (or HTTP if your server provides it) both your image file and your HTML file to your web page directory.
<IMG SRC="image.gif" ALT="My Masterpiece!">
This is the code that made it.
<IMG SRC="image.gif" WIDTH="500" HEIGHT="50">
Pretty strange looking now, isn't it? The actual WIDTH and HEIGHT are 100 pixels by 100 pixels. This doesn't look very good for this image, but using the WIDTH attribute on an image of a line can be very useful.
One more comment on image WIDTH and HEIGHT. By using
WIDTH and HEIGHT with every image, it will make your
page seem to load faster. It will allow the viewer's browser to format the page quickly, without
having to load each image. People will be able to read the text on your page as
your image files load. Don't make people wait to view the content of your page!
Always use the WIDTH and HEIGHT options.