To have an image on your page you will have to use the following convention. Images displayed within a WWW page (called in-line images) must be in GIF format in order to be viewed by all Web Browsers. However, a GIF image can only display 256 colors and the quality is low. Thus, it is usually a good idea to prepare a link to TIF or JPEG image separately if you would like to provide a high-quality image to the viewers. Read below carefully for this.

If the image file is in the same directory as your current page,

<img src="sophia_small.gif">

Likewise, if it is in the sub-directory named "sub" from your current page,

<img src="sub/sophia_small.gif">

<img src="http://cat2.mit.edu/arc/whoweare/gif/takehiko.gif">

Now, like I said, GIF format makes an efficient file generally but is only capable to show 256 colors (8bit). Thus, for providing better image quality, you will usually like to use TIF or JPEG format instead. These files can show millions of color (24bit) but take a while to load them.
Here is an example of loading high-resolution TIF image.

<a href = "sophia_large.tif"> Click here </a> for the large tif image.

This will make a linked text as below:

Click here for the large tif image.

BACK TO TUTORIAL