Search Help:  
 
Enter keywords to search help.

How do I add images to my HTML page?

To display an image to your web page, follow these steps:

  1. First upload the image file to your File Manager. You can use our Easy Upload tool to upload your images (if you're a GeoCities Plus or Pro user, you can also use an FTP client). Learn how.
  2. Once your file is in the File Manager, choose the page you'd like to edit, or open the HTML Editor to build a new page.
  3. Now you must create the tag in your HTML code that will display the image on the page. In the example below, we create a link to the image called "logo.jpg."
    <img src="logo.jpg">
  4. If you want, you can link the image to a destination, the same way you link text. In the example below, we'll link our image to our home page, "index.html." When a visitor clicks on our image, they will go to the home page:
    <a href="index.html"><img src="logo.jpg"></a>

    Note: Remember that file and subdirectory names are case sensitive; in other words, "subdirectory_1" is not the same as "Subdirectory_1," and "logo.jpg" is not the same as "logo.JPG." Also, pay close attention to the file extension. In the example above, our image file name ended with .jpg. If we had used .JPG instead, our links would break.

  5. Now paste this bit of code to your HTML page, wherever you want the image to appear. (Not sure how to do this? Learn how.)
  6. Click the "Preview" button to preview your page.

If your image won't display on your page, check the file type. All image files should be saved as a JPEG or GIF file, which end with .jpg or .gif. Although we support bitmap images, they will not load in Netscape and will appear as broken images, so you will need to convert your bitmap to either a JPEG or GIF file before uploading it. If you simply change the file extension to ".gif" or ".jpg," our servers will deny it. You must use an image editing program, such as PhotoShop or ImageReady, to convert the file.

Was this article helpful?

Yes   No
Click to contact Customer Care for further assistance.