Ask coding questions

← Back to all posts
[RESOLVED] PNG image doesn't show HTML

Edit: Answered. Thanks!

I used the <img src="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

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.


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


@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.


@SixBeeps Oh, I found it! Thank you.