Image is not showing on Chrome browser. (HTML) [ Problem solved. ]

Question

My code is alright. I checked it On AWD app's browser view; It's working fine.But when i ran it on notepad++ the browser showing me an broken image icon.Please, tell me how to fix it.

Answer 1

Soumaya if you still not sure what to do , I’ll explain :
1. Right click on the selected image in Google Drive
2. Select “Get Shareable link”
3. The link of the image is copied It is like : https://drive.google.com/open?id=xxxxxxx
4-change the open? to uc? and use it like
<img src="https://drive.google.com/uc?id=xxxxx">

Answer 2

I don't have much experience with html, but I suspect that the image address is the issue. Where is the image stored? To make it accessible in sololearn I believe it has to be hosted on the Internet. As far as I know you can't use local files.

Answer 3

One second, let me get my ouiji board.
...
...
...
It says there's a typo in line 25.
If by any chance you don't think that this is a good approach to bugfixing you may want to post your code so people can take a look at it.

Answer 4

Simon Sauter Nice explanation😂 for a simple thing 😅

Answer 5

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

Answer 6

Soumaya Islam Rimi https://code.sololearn.com/WkWDDH07s8Wl/?ref=app

Answer 7

**🇦🇪|🇦🇪** finaly it happened... Thank you sir...can i use relative path if i shift html files to google drive...

Answer 8

Yes, you can .

Answer 9

Soumaya Islam Rimi I think you are new to HTML.Just go the website imgbb.com it is the easiest method to upload you image.As you got to the website..
1.click on start uploading button
2.select the image .
3.As you select image click on upload.
4.As the image get uploaded click on the viewer link below embedded codes and change it to HTML thumbnails code then you link will be provided

Answer 10

I was running it my notepad++ and AWD app

Answer 11

Simon Sauter Here i have given you my code...please have a look on it...

Answer 12

I was just trying... A month ago when i first tried it it ran successfully.. Simon Sauter

Answer 13

How can i host image on the internet? **🇦🇪|🇦🇪**

Answer 14

The easy way is to upload your image to Dropbox

Answer 15

Is there any other way...I'm just a high school student and these are going above my head..

Answer 16

**🇦🇪|🇦🇪** please suggest me other way to do this...can put them in my google drive...?

Answer 17

Yes you can use google drive , but stop sharing them, after you finish your project

Answer 18

Soumaya Islam Rimi here free sites to upload images
https://knowtechie.com/10-free-image-hosting-sites-you-can-blindly-rely-on/

Answer 19

What would be the file path if i use Google drive? **🇦🇪|🇦🇪**

Answer 20

Please...help...**🇦🇪|🇦🇪**