How do I make my picture displayed? (HTML) | Sololearn: Learn to code for FREE!
New course! Every coder should learn Generative AI!
Try a free lesson
+ 6

How do I make my picture displayed? (HTML)

I want to know how to fix my code, so I could display a picture on my website, because I think I missed something in the process. I am a total newbie. this code is in HTML. Here's the code: https://code.sololearn.com/WA4Rn1cQQMyB/?ref=app

29th Aug 2018, 10:08 PM
Domgedas1994
Domgedas1994 - avatar
17 Answers
+ 3
1. Clearly the link inside src="" is not the link of a picture. If it was it would end up with .png or .jpg or sth else. 2. You cannot add pictures you have downloaded in phone or PC. Ypu can just take it online. So I suggest to find a correct link and add it there.
29th Aug 2018, 10:12 PM
Ledio Deda
Ledio Deda - avatar
+ 5
I'm just asking, because some picture links don't include .jpg, .jpeg or .png :)
29th Aug 2018, 10:38 PM
Domgedas1994
Domgedas1994 - avatar
+ 4
I just copied the link from Google images.
29th Aug 2018, 10:13 PM
Domgedas1994
Domgedas1994 - avatar
+ 4
On the other hand, you're a genius, it worked :D
29th Aug 2018, 10:17 PM
Domgedas1994
Domgedas1994 - avatar
+ 4
How do I change the size of the picture to make it bigger?
29th Aug 2018, 10:18 PM
Domgedas1994
Domgedas1994 - avatar
+ 4
Can I use "%" instead of "px"?
29th Aug 2018, 10:20 PM
Domgedas1994
Domgedas1994 - avatar
+ 4
So it's better to do <img src="..." width="100%" height="100%" ?
29th Aug 2018, 10:23 PM
Domgedas1994
Domgedas1994 - avatar
+ 4
Thank you very much :)
29th Aug 2018, 10:26 PM
Domgedas1994
Domgedas1994 - avatar
+ 4
Do you have to have pictures with .jpg and .jpeg ending to add pictures from the browser or are there any alternatives?
29th Aug 2018, 10:28 PM
Domgedas1994
Domgedas1994 - avatar
+ 4
And how do you add .gif moving pictures?
29th Aug 2018, 10:29 PM
Domgedas1994
Domgedas1994 - avatar
+ 4
I fixed it, it should look nice right now :)
29th Aug 2018, 10:37 PM
Domgedas1994
Domgedas1994 - avatar
+ 2
Glad to help!!! About size, use CSS properties. width: ... px; height: ... px; Where ... is the size you want. Or if you dont know CSS use this example: <img src="..." width="100px" height="100px">
29th Aug 2018, 10:19 PM
Ledio Deda
Ledio Deda - avatar
+ 2
Of course. In fact it is better, because it is responsive(adapts better in different devices).
29th Aug 2018, 10:21 PM
Ledio Deda
Ledio Deda - avatar
+ 2
Yes if you want if full screen...
29th Aug 2018, 10:25 PM
Ledio Deda
Ledio Deda - avatar
+ 2
No, there are too many versions: .jpg, .png etc. The same way you can add .gif files I guess...
29th Aug 2018, 10:37 PM
Ledio Deda
Ledio Deda - avatar
+ 2
I guess they all have an ending to tell the picture type.
29th Aug 2018, 10:40 PM
Ledio Deda
Ledio Deda - avatar
+ 1
Lεd10 Dεda you are wrong we can put an image which we have downloaded what u simply have to do is after src you have to put the location of ur image by going to the propeties menu of that image then copy the image link and paste it there after that put/ and copy the image name and paste after the / hope u liked the info🙏
2nd Sep 2018, 9:29 AM
KUNAL KULDEEP
KUNAL KULDEEP - avatar