How to Insert an Image using HTML

Inserting images onto your website is easy!  All that you need is one line of code, and the location of the file either on your own server or linked from a different server.

First, navigate to where on your page you want the image.  The basic tag for an image is <img src>.  This stands for "Image Source," or basically where on your server the image is located.  Since images will not have text displayed, a closing tag is not needed as it is for paragraphs and other coding.

If you have your images in a folder called Images (remember that it is case sensitive, for information on uploading an image view our article on uploading files through the cPanel File Manager), then the code needed would look like:

<img src="/help/Images/____.jpg" />

That is it!  If your image is called image.jpg, then the required HTML code would be:

<img src="/help/Images/image.jpg" />

In the next few sections we go over other modifications that you can make to your image code.