Inserting Images

All web pages are created by using at least a few simple tags. It is my belief that the three most natural tags to use in an HTML document are the tags for paragraphs, linking sites together, and displaying images.

Images

Although text content is usually the ultimate focus of a visitor's purpose to a web page, the initial draw is usually due to any graphics that peak the reader's interest or sense of aesthetics. The most common file types for use on the web are GIF and JPEG files. Although more file types may be used, it is desired to stay away from them due to compatibility problems in certain browsers. An image is an empty element, consisting of just one tag (instead of separate beginning and end tags).

An image may be either local (within the same web site) or global (on another web site) as long as the file path (where the image is located) is typed correctly into the code. This path indicates where the browser may find the image file on the web.

A typical image may look something like this:
<html> <head> <title>HTML for Beginners - Basic HTML</title> </head> <body> <p> <img src="http://www.yourdomain.com/file.jpg" /> </p> </body> </html>

And will produce

«...Adding Paragraphs Linking Pages...»

Advanced Tips

It is considered rude to link directly to an image stored on another server without permission. Just like you have to pay for the bandwidth of your site, so does the person you're linking the image from. When someone visits your site and the image from another server loads up, you're actually using their bandwidth instead of your own.

If you want to use an image from somebody else's servers, first contact them and ask permission. The images may be copyright and unavailable for public use. If the copyright holder gives you permission, save the image to your hard drive and upload it to your server as well. Now you can insert it into any page and have it use your own bandwidth when the page displays.