How to Add an Image

Below are directions on how to add an image to a web page.

Perhaps the easiest way to add an image to a web page is to find an image that is already on the web. You may copy an image from a web site and place it in your web page.

  1. Use a search engine or other means to find an image on the web.
  2. Once you have found the image you want, right-click and hold on the image.
  3. Select "Save Image As . . ." from the pop-up menu.
  4. Save the image in the SAME folder/directory as all your other *.html files. Take careful note of the exact name of the file. You will need that information to add to in code on your web page.
  5. You will now need to add some HTML code to your web page in which you would like to add the image. Somewhere after the <body> and before the </body> tags you may add the code.

    The code is: <img src= filename>

    You need to replace filename with the exact name of the image filename.

    For example, if you saved an image with the name dog.gif, the code would look like this:

    <img src=dog.gif>