Picture

HTML Tutorials

How to Get a Picture on Your Web Page

Back to Home Page Back to HTML Tutorials Home Page

Pictures are one of the best things about web pages. It is easy to "capture" a picture and place it on your web page. You should use discretion when capturing pictures. Many pictures on the web are made available by artists and photographers for unrestricted use. Other pictures are copyrighted. Sometimes you must ask the owner of the image for permission to use the image whether or not the image is copyrighted.

The following is a description of how to capture a picture off of the web and place it on your web page.

How to Find a Picture and Save It to Your Disk

1. Important: If your web page is or will be saved to a 3 1/2 inch floppy disk, put that floppy disk into your computer's "A" drive now.

2. Log on to the Internet.

3. Go to a web site that has an appropriate picture. If you are not sure where to look for a picture, you can "search" the web for "clip art", "graphics", "GIFs", etc. A web site that I have used several times is www.barrysclipart.com. Barry's has a few hundred free images.

4. When you finally do find a picture you like, put your mouse pointer over the picture and press the right mouse button.

5. A menu box will appear. Choose "Save Picture As...".

6. Another box will appear. At the very top of the box is a space titles "Save In". This should be the 3 1/2" Floppy (A:). If it does not say that, press the down arrow and choose 3 1/2" Floppy (A:).

7. Near the bottom of the big box on your screen is a space called "File Name". This is the name of the picture you have decided to save. Write this name down on a piece of paper. You will need that name later.

8. At the very bottom of the big box on your screen is a space called "File Type". It will say something like "GIF", "JPEG", "JPG", "PNG", "ART", etc. Write the file type on a piece of paper. It is important and you will need it very soon.

9. Press the "Save" button.

10. Your picture should now be saved to your floppy drive and you may exit the internet or look for another picture.

Once you have saved the picture to your floppy disk, getting the picture onto your web page is easy. Here is the code:

<HTML>

<HEAD>

</HEAD>

<BODY>

<IMG SRC = "football.gif">

The picture will now show up on my web page. "football" is the file name. ".gif" is the file type.

/BODY>

</HTML>