Creating Web Page Links

Updated February 9, 1996 

Pictures

To put a picture in a document, you must use .GIF or .JPG files.

Don't use too many images. They slow things down.

To use an image, you use <IMG SRC="filename" ALIGN="something" >

The alignments are listed in other documents. They're basically used to say where you want the text in relation to the document. I've used TOP or BOTTOM or MIDDLE and haven't liked any of them so I usually separate the .GIF file from the text using a Paragraph <P>.

Here is a picture

and here is the source code I used to get it:

Of course, if the GIF file is in another directory, you can specify that. The USDA webserver has an /images directory.

Making Thumbnail Images

Thumbnail images are little images you can click on to get to bigger images. There are two ways to do this.
  1. You can have two different-sized images with different names or
  2. You can resize an image using attributes of the IMG tag.
Since clicking to one image from another is fairly basic (just insert the image in an A HREF code, I'll demonstrate how to make a thumbnail image using HEIGHT and WIDTH attributes. Below is a clickable thumbnail of the previous EMU.JPG

Here is the source code I used:

I put it on three different lines so you could understand what is happening. The middle line: ss what is used to display the image in a different format. Simply use WIDTH= and HEIGHT= and number of pixels. Try to have them in same relationship as the original picture of it will get distorted.

The first line:

is used to make the image clickable since it sends you to the unaltered image. The third line of course is just the end of the first line. 
| basic layout | formatting codes | links to elsewhere | view files | tables | forms
Mike Moxcey