How Do I Insert an Image Onto My Web Page?

Images bring websites to life and create a sense of visual appeal. Websites without images appear amateur, simplistic and devoid of character. Therefore, if you plan to put a website together, consider adding vibrant, colorful photos to make a positive impression and keep people coming back. With only a bit of code and just the right photos, you can create a visually stunning website in no time at all.

Instructions

1. Upload your photo to your web server. Using an FTP client, such as Cyberduck or Filezilla, place the picture in your site's main index folder. To easily remember the name, give it a simple title, such as mountains.jpg. The URL of the image will then contain your website URL followed by the name of the image. For example, http://www.mywebsite.com/mountains.jpg.

2. Insert an image source code into the page that will contain the picture. It should appear as follows: <img src="http://www.mysite.com/mountains.jpg">. Be sure to replace the URL in the example with the URL of your photo.

3. Center your photograph. If you would like for your photograph to appear in the center of the page, as opposed to the left side, then add the <center> tag immediately before your image code, and </center> immediately after. For example:

   <center><img src="http://www.mysite.com/mountains.jpg"></center>.

   If you want your photo to remain on the left side of the page, then you do not require any additional code.

Tips & Warnings

• Sometimes, pictures may take a long time to load, especially for people with slow browsers or on pages with many pictures. If you would like for text to appear in place of the image when it has not loaded, just add the "alt=" tag and add your text. For example, <img src="http://www.mysite.com/mountains.jpg" alt ="my mountain pic">

References

• HTML Code Tutorial: IMG