Skip to content
Sign upLog in
← Back to Community

[RESOLVED] PNG image doesn't show HTML

Profile icon
RBGoat

Edit: Answered. Thanks!

I used the

Invalid image url
tag to add an image in HTML, but it shows a little picture icon instead of showing my PNG file. Does it need to be a URL to an image hosting site instead or something?

Answered by SixBeeps [earned 5 cycles]
View Answer
Voters
Profile icon
RBGoat
Comments
hotnewtop
Profile icon
SixBeeps

You need to upload the image to the Repl in order to use it. To do that, just drag the image into the Files pane, or seleft 'Upload file' in the three-dots menu.

Profile icon
RBGoat

@SixBeeps
Sorry, I am new to Repl. I can't find a three-dots menu or a Files pane?

Profile icon
SixBeeps

@RBGoat
I can't take screenshots at the moment, but do you see where the index.html, style.css, and script.js files are? That section is called the Files pane. At the very top, there are options to create new files and folders, but to the right of those is a menu button that'll have the option to upload files.

Profile icon
RBGoat

@SixBeeps
Oh, I found it! Thank you.