Skip to content
← Back to Community
[RESOLVED] PNG image doesn't show HTML
Profile icon
RBGoat

Edit: Answered. Thanks!

I used the This file cannot be displayed: AboutUsheadbar.png 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.