Most websites have pictures or images in them. Inserting images into websites is easy in HTML.  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, you will need to open up the source code for the webpage and then navigate to where you would like to insert the image.  The basic HTML tag for an image is <img src>.  Img src stands for "image source" and refers to where the image is located.  Since images do not have any text to be displayed the tag does not need to be closed as with other tags such as the <p>.

If you have your images in a folder called Images (remember that file names and folder are case sensitive and Index is not the same as index), then the code needed would look like:

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

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

<img src="/support/Images/my-image.jpg" />

There are a few other modifications you can do with image tags however we will discuss those later on the the series of tutorials.

Please check the next article on Changing the Image Alignment. For more information on this course please visit Inserting Images into a Website

Continued Education in Course 102: Inserting Images into a Website
You are viewing Section 1: Inserting Images using HTML
Section 2: Changing the Image Alignment
Did you find this article helpful?

We value your feedback!

Why was this article not helpful? (Check all that apply)
The article is too difficult or too technical to follow.
There is a step or detail missing from the instructions.
The information is incorrect or out-of-date.
It does not resolve the question/problem I have.
How did you find this article?
Please tell us how we can improve this article:
Email Address
Name

new! - Enter your name and email address above and we will post your feedback in the comments on this page!

Related Questions

Here are a few questions related to this article that our customers have asked:
Link an image on my site to a Facebook page
Would you like to ask a question about this page? If so, click the button below!
Ask a Question

Post a Comment

Name:
Email Address:
Phone Number:
Comment:
Submit

Please note: Your name and comment will be displayed, but we will not show your email address.

0 Questions & Comments

Post a comment

Back to first comment | top

Need more Help?

Search

Ask the Community!

Get help with your questions from our community of like-minded hosting users and InMotion Hosting Staff.

Current Customers

Chat: Click to Chat Now E-mail: support@InMotionHosting.com
Call: 888-321-HOST (4678) Ticket: Submit a Support Ticket

Not a Customer?

Get web hosting from a company that is here to help. Sign up today!