Answer 1

Images

https://developer.mozilla.org/en-US/docs/Learn/HTML/Multimedia_and_embedding/Images_in_HTML

How To Upload your phone images on SoloLearn using phone

https://code.sololearn.com/WT3661NHpV3B/?ref=app

Upload content with Dropbox [Tutorial]

https://code.sololearn.com/WW6t4B73kJVz/?ref=app

How to host/upload an image (IMGBB way)
/by Farhanaz/

https://code.sololearn.com/Wy3lrXNwGsgJ/?ref=app

Answer 2

Dropbox alternatives

https://postimage.io/ (Unlimited Bandwidth, Free to use but compresses image)

https://lensdump.com (Unlimited Bandwidth, Keeps Exif Data, More features for registered users and Free to use, 100MB max image file size)

http://cubeupload.com/ (Amazing and simple interface, Unlimited Bandwidth, Raw Uncompressed images, Free to use, 5MB max image file size)

https://flickr.com (This one is not for everyone, it is basically a service to showcase your artistic work but works as image host as well, owned by Yahoo!)

Don't use the these image hosts; Get miles away from them..but might be useful for certain cases :
https://tinypic.com (Old Outdated interface, No multi image upload support, Compresses image, No hotlinking)

https://imgur.com (Compresses images, biased and deletes images based on their own opinion)

https://photobucket.com (Old, Can't upload images as guest, Parent company of Tinypic, so even worse than tinypic)

https://imageshack.us (Only paid accounts have unlimited bandwidth)

Answer 3

A couple few things are wrong.
- The number 1 problem is your URL is broken. This is the big problem you're most definitely asking about. Your ///Phone/DCIM/Restored/
IMG-20200206-WA0085.jpg link is broken. Even if you have that file with a similar path is on the phone and you're viewing that HTML page directly from the file:// protocol, and you're viewing the page on that same phone, you have a bunch of spaces and a line break in your path. You can fix all these problems by uploading your image to a web host and linking to that assuming your phone has internet service each time you view the page.

- you're specifying "px" for height and width when it shouldn't be. You should write: height="200"width="200" This is minor because it won't stop the image from loading. It just won't be valid HTML5 code and cause the browser to use quirks mode. You probably used px because the CSS properties width and height would require the unit and you're confusing the HTML attributes with CSS properties.

Answer 4

Khushnuma It's almost certainly something to do with your image src value. The path might be wrong.

If you replace it with this to get an external image it works:

src="https://images.unsplash.com/photo-1619017497613-0f6199bb75ac?ixid=MnwxMjA3fDB8MHxwaG90by1wYWdlfHx8fGVufDB8fHx8&ixlib=rb-1.2.1&auto=format&fit=crop&w=1234&q=80"

Answer 5

Try putting file: at the start of your src value like src="file:///".

It may not work so you may have to put the image somewhere like Dropbox first:
https://www.sololearn.com/Discuss/354857/?ref=app

Answer 6

Make sure the path isn't wrong and your cod is clean