I know how to insert images into HTML <img src"URL photo/picture/video/etc " />.

Question

[!--- CONTENT 1 ---]
<div>
<img src= "URL picture" />????? i can't open it the pictureis. the link problematic or wrong
</div> link??
[!--- CONTENT 1 END ---]
okay, here I already know how to insert images into HTML. But the problem is the image that I've put the link on, even when it's output, I can't open it. I'm questioning whether the image CAN REALLY be OPENED or CAN'T BECAUSE THERE IS a missing or incorrect code. Please give me an opinion/solution to my problem.

Btw is my link for my learn HTML:
https://code.sololearn.com/WaozdlC5x8vv/?ref=app

please if something is wrong let me know so i can fix it

Answer 1

You need to modify the source URL slightly.

"https://www.dropbox.com/s/ybt6vdlrg8q8mzz/IMG-20221120-WA0045-01.jpeg?raw=1"
or
"https://dl.dropbox.com/s/ybt6vdlrg8q8mzz/IMG-20221120-WA0045-01.jpeg"

Answer 2

Do you know large the file is you are trying to use?

Answer 3

The problem here is because of how dropbox serves their files. If you try to access the link, you are actually getting an html document instead of an image file.

I did made the image work by adding a parameter to the link

IMG-20221120-WA0045-01.jpeg?raw=1

keep in mind that this is not html syntax, this is essentially the internal download image url that dropbox uses.

I hope this helps :)