To put an image into your website, you need to use the <img> tag.

You need to tell your website where to find the image that you want it to display. To do this, we add the attribute src (meaning source) into the <img> tag. In the src attribute, add the name of your image with either a .jpg or .png afterwards, with speech marks around it.

Here is the format below:

<img src="name_of_your_image.jpg">

Double check that the image name you entered is exactly the same as the image name listed in the left-hand box on Repl.it. Otherwise, your image won’t show on your webpage.

Try this! Here is an example of adding an image into a website:

This video goes over adding an image to a webpage and also covers what will be discussed in the following topics: