Why are the image's that I added to my web page not displaying

Question

When I add the image source to my web page not displaying
https://code.sololearn.com/WmnOjOyhTw0V/?ref=app

Answer 1

Elidad Teme
In your image element you have provided the URL of the image which is not the actual path of the image.

You need to provide the URL of an actual image file (e.g., a .jpg, .png, or .gif file).

Answer 2

Elidad Teme
Your image URL path is incorrect,
Read this, you will got your answer.
https://www.sololearn.com/post/1742383/?ref=app

Answer 3

Elidad Teme With your doubts, always share your code, for better guidance.

Answer 4

You don't need to download each and every image to show in the output.

If you want to show Google images follow these steps

Find the Direct Image URL:

When you open an image on Google Images, right-click on the image.

Select "Open image in new tab" (or similar) in the context menu.

Copy the URL from the address bar of the new tab. This is the direct link to the image.

Answer 5

* You should first open the image as a preview in your browser, then copy the link!
If it's a PC5 image, use this link instead, I have tested, and it works with your codes!
: https://encrypted-tbn0.gstatic.com/images?q=tbn:ANd9GcSEb-_7VOYIcVJhn9v8VqjAgLe_0x6MRwbEUw&usqp=CAU

Answer 6

Elidad Teme
In your image element you have provided the URL of the image which is not the actual path of the image.

You need to provide the URL of an actual image file (e.g., a .jpg, .png, or .gif file).

Answer 7

DRO KOUAME LUCIEN it is optional.

Answer 8

Thank you

Answer 9

So if I download the img can I use it then

Answer 10

Thank you

Answer 11

Your problem is that you tagged the wrong url for the image you want to display in your html document.

You rather replace it by the source of the image: "https://www.computervillageonline.com/wp-content/uploads/2021/02/playstation-5-with-dualsense-front-product-shot-01-ps5-en-30jul20.png"

Then resize it with in CSS :

img {
height: auto;
max-width: 100%;
}

Et voilà ! 👍

Answer 12

Thank you 🙏

Answer 13

Close the tag like this <img />