I want to put an image from my folder into my website but when I run the code it comes up with a blue square

Hi,
I am quite new to html coding, and I want to insert and image from my folder on my PC, but I’m not quite sure how to do it. I know how to paste images from other websites into my code, but I don’t know how to put images from my own folder into my website.
Just for your reference, I use notepad++ to make my code.
Help would be much appreciated.
Thanks :slight_smile:

Hi Sean,
welcome to the forum.
You would preferably use relative paths. The images would usually be in an assets or images folder. If the images folder is in the same directory as your html file it would look like this:

./images/filename.jpg

If you would link the image in a css file that is located in a folder that is in the same directory as your images folder, it would look like this:

../images/filename.jpg

With two dots you are moving out of the current directory. With this ../../ you are moving two levels up. From there you chain the directories with slashes.

1 Like

It worked!!

Thank you so much. :slight_smile: