Adding Images

Images must first be created in some paint or draw program like Adobe Photoshop and then saved in ".gif" (Compuserve's Graphic Interchange Format). Two of the better shareware programs for creating images and then converting them to .gif's are Paintshop Pro (download it)for the PC and GifConverter (home page) for the Mac. GifConverter doesn't have the the level of sophistication in paint tools, but there are many good Mac paint and draw tools out there. You can then convert the images with GifConverter if your paint program doesn't have the capability.


Basic Inline Image

The Code in This Column...Will Display Like This
<IMG SRC="image.gif">


Inline Image With Text

The Code in This Column...Will Display Like This
This is an image.<IMG SRC="sample.gif"> This is an image.
<IMG SRC="sample.gif">This is an image. This is an image.
<IMG SRC="sample.gif" ALIGN=top>This is an image. This is an image.
<IMG SRC="sample.gif" ALIGN=middle>This is an image. This is an image.
<IMG SRC="sample.gif" ALIGN=bottom>This is an image. This is an image.
<IMG SRC="sample.gif"><BR>
This is an image.

This is an image.
This is an image.<BR>
<IMG SRC="sample.gif">
This is an image.
This is an image from another directory.<BR>
<IMG SRC="../graphics/sample.gif">
This is an image from another directory.


Inline Image with Imbedded Link

The Code in This Column...Will Display Like This
<A HREF="training.html"><IMG SRC="sample.gif"></A>
<A HREF="http://www.fortlewis.edu"><IMG SRC="sample.gif"></A>


[ Home | Basic Tags | Lists | Images | Links | Tables | Extensions | Lab Exercise]