+ 3

Why are the pictures I put in my html programs not showing up?

I was just practicing what I learnt on my windows pc. I followed the steps in the html section properly, I even tried different images but they don't come up in the output on chrome and Maxthon browser. Still new to the community. I put my program among the answers

2nd Sep 2017, 2:51 PM
Nik
Nik - avatar
11 odpowiedzi
+ 11
It should be src instead of scr, and you may have to provide the complete path of the picture, if it isn't located in the same folder as your .html file.
2nd Sep 2017, 3:00 PM
Hatsy Rei
Hatsy Rei - avatar
+ 10
May be you didn't give the right location of that image in your HTML code..... The image will be shown if you give the right location path as in the following <img src="images/dinosaur.jpg" alt=""> To resolve this : 1.Find and open the photo you want to add 2. Hold down the Shift key, then right-click the photo. 3. In the context menu that appears, find and click Copy as path. 4.Then, paste that in your HTML code... May this help you... 🙂
2nd Sep 2017, 2:55 PM
Ankit Saxena
Ankit Saxena - avatar
+ 6
where is the code ??
2nd Sep 2017, 2:53 PM
AL.The.Flame!
AL.The.Flame! - avatar
+ 3
@Nik Your code can show your image only if your Html and image files are in same folder.
2nd Sep 2017, 3:00 PM
Calviղ
Calviղ - avatar
+ 3
If you want to add image to your page then you must also need location of the picture. ... for ex- <img src="imagename.jpg" alt="location of the picture"> location could be like C/pictures/newfolder
2nd Sep 2017, 3:20 PM
Prabhjot Khakh
Prabhjot Khakh - avatar
+ 2
Could you show your code here?
2nd Sep 2017, 2:53 PM
Calviղ
Calviղ - avatar
+ 1
For sololearn programs you can't put images stored on your device so you might have to use a CDN (content delivery network) to link images in the page or use data uri images by converting your images into text that HTML can display as a image.. You can convert your images here https://websemantics.uk/tools/image-to-data-uri-converter/ https://code.sololearn.com/WC54BZf4fJ94/?ref=app
4th Sep 2017, 2:07 AM
Kalo 'smi
Kalo 'smi - avatar
+ 1
to insert an image in HTML follow these steps- 1. enter all the starting tags 2. in img src tag don't write xyz.jpg instead of typing this go in the image folder in my computer 3. select your desired image 4. right click on the image u want, a pop-up menu will appear 5. select the properties option from that menu ,in the properties option select the location of the image 6. copy the location and paste it in the img src tag of the HTML document you were preparing 7. then run the program you will surely get your desired output with the image.
14th Jan 2018, 1:38 AM
Suhani Singh
Suhani Singh - avatar
0
here's the code <html> <head><title>NIK'S PAGE</title></head> <body> <img scr="tiger.jpg" alt=""/> </body> </html>
2nd Sep 2017, 2:58 PM
Nik
Nik - avatar
0
<img src="tiger.jpg" alt=""/> made a mistake in the post but not in the program
2nd Sep 2017, 3:02 PM
Nik
Nik - avatar
0
YES!!!! IT WORKED !!!!! Thanks guys, especially Calvin.
2nd Sep 2017, 3:09 PM
Nik
Nik - avatar