Adding an img to vs code on linux

1

Hello Guys good day, i’ve been facing an issue on my laptop that has seriously affected my zeal to learn, i cannot seem to add sources from my pc.
for instance i have a file named download.png, i believe *<img src="download.png> should bring it out, or if it was in a folder named IMAGES then should bring me an image in my html code but it never works.
only sources from google with the href tag works, please help i was on windows and had to switch to linux thinking it would solve my problem but it never did.

In my vs code in a folder
i have my css separate, my html and my png, from tuts watched but it doesnt seem to work.

2

Show us your folder setup including where your index.html is as well as where your image folder is in relation.

4

I meant your folders in the file explorer.
(If you are on windows, pls list out the folders in detail view)

5

Also try “./google.png” instead in the src

6

i am currently on linux, also tried it, img still broken

7

Can you go to your directory where all your files are and write “ls -l *” without the quotes and provide the output (no screen shots pls)

8

I need to know the full path of your index.html and the full path of your image file.

If you can’t provide a ls output then at least provide this.

1 Like
9

Home/weirdo/Desktop/google.png

10

and where is your index.html?

11

Home/weirdo/Desktop/SCIMBA CSS/google.html

If you could please elucidate what you mean by index.html i would appreciate that

12

the HTML file that you are using (the one that has the <img src=" code you mentioned?

13

that is the path to the html file

14

okay so it seems that your image is 1 folder up
so try “…/google.png”
if that doesn’t work, try the full (absolute) path to your png (starting from “~/weirdo/Desktop/google.png”

1 Like
15

Thank you very much, i just moved all images to the index.html folder and sourced it, it worked!.

16

This topic was automatically closed 182 days after the last reply. New replies are no longer allowed.