Inserting Images using HTML
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.
Support Center LoginOur Login page has moved, Click the button below to be taken to the login page.
Social Media Login
Inserting Images into a Website
|1.||Inserting Images using HTML|
|2.||Changing the Image Alignment|
|3.||Changing the Size of an Image|
|4.||How to make an Image a Link|
|5.||How to Align and float images with CSS|
2016-08-19 7:43 am
I have placed images on websites for many years. But on this one site I am struggling to figure out why they will not appear.
Here is the line of code I am trying:
<img class="featurette-image img-responsive" src="http://jotsmonkey.com/resources/todopromo.jpg/" alt="Todo Monkey Promotion Photo">
The photo will not appear, and I get the little image box and the alt text showing on the page.
If I place the photo on another one of my websites, and reference it then the photo will appear on the page.
Why can't I reference a photo on my own server?
2016-08-19 8:06 am
Also, I dont see that the image is in the correct location.