New course! Every coder should learn Generative AI!
Try a free lesson+ 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
11 Answers
+ 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.
+ 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... 🙂
+ 6
where is the code ??
+ 3
@Nik
Your code can show your image only if your Html and image files are in same folder.
+ 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
+ 2
Could you show your code here?
+ 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
+ 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.
0
here's the code
<html>
<head><title>NIK'S PAGE</title></head>
<body>
<img scr="tiger.jpg" alt=""/>
</body>
</html>
0
<img src="tiger.jpg" alt=""/>
made a mistake in the post but not in the program
0
YES!!!! IT WORKED !!!!! Thanks guys, especially Calvin.
Often have questions like this?
Learn more efficiently, for free:
Hot today
How to cast in python
1 Votes
Python
1 Votes
JavaScript
0 Votes
What happens with this code?
0 Votes
HTML Module 3 Quiz
1 Votes
Field name in ef core
0 Votes