Putting images into your Web page:


Web pages often include graphics images, usually GIF or 
JPEG files. One potential problem is to use images that 
one has the right to use. U.S. copyright law does apply 
to photos and images. Commercial companies and many 
artists are often very particular about who uses the 
images that they created. Always be sure that you have 
the right to use any graphics file. Get permission in 
writing, if possible, for anything that is not in the 
public domain.

If you have a GIF file in the same directory as your 
HTML file, you can include the image in your document 
by using something like:

<IMG SRC="sailing.gif">

There are a number of small GIF files on the Linux server
in the directory /www/icons. To use one of them, say 
burst.gif, use:

<IMG SRC="/icons/burst.gif">

Note that this URL starts at the root of the web page area
for the web server on the current machine.

To see the available icon images, point your browser at:

http://cis.stvincent.edu/icons/icon.sheet.gif

This will show you all of the available GIF images on
one page.  The names are also shown so that you know
what filename to use.

There are also smaller versions of these images.  These
are in the directory /www/icons/small.  The filenames
appear to be the same.  Thus to use the small version
of burst.gif you might try:

<IMG SRC="/icons/small/burst.gif">

You can also include an image in a link, so that one 
can click on the image to jump somewhere -- either within
the current web page or to another page. Here is an example:

<A HREF="#Top"><IMG SRC="/icons/up.gif">Return to the top</A>

This assumes that there is something like the following
at the top of this web page. Of course, the anchor tag
section doesn't have to be inside of a header of level 2
or any header at all.

<H2><A NAME="Top>My Web Site</A></H2>

The Linux server has a /www/images directory which contains JPG
images that are in the public domain.  (Br. David took the photos
and has placed these in the public domain.)  There are two sub-
directories, campus and scenery.  The filenames on the files
inside give you a good idea of what each photo is about.  As an
example, to use the kennedy2.jpg image from the campus subdirectory,
you could include the following in your html file:

<IMG SRC="/images/campus/kennedy2.jpg">

To view an image before including it in some html file, point
your browser to a URL such as:
http://cis.stvincent.edu/images/campus/lab.jpg

Note that if your web page is on a different server, you can still
include an image from the Linux server without copying the file.
Use an image tag such as the following:

<IMG SRC="http://cis.stvincent.edu/images/campus/kennedy2.jpg">

If you would rather copy an image file to your web directory in,
Linux that can be done, but it does needlessly waste space.  Look
up how to use the cp command in Linux, perhaps by using the
help menu at the command prompt.  If, for example, you have
a copy of lab.jpg and index.html in the same directory, you
could use the following inside of your index.html file:

<IMG SRC="lab.jpg">