Pls I need help with inserting pictures into my code

Question

It doesn't show up on screen even with the correct image location and everything

Answer 1

Çyrïl 4L👨‍💻🔥
The <img/> and <hr> tags are in head 👉, it must be in body tag in order to be visible on screen or web browser.

Answer 2

Don't forget to attach the ailing code bit link in post Description. People can't help you until they see and analyse the code.

Answer 3

Çyrïl 4L👨‍💻🔥
That's right, page content should be inside document body. Document head is used for meta information and external links of scripts/stylesheets.

You need an actual link to the image. The URL in the 'src' attribute redirects to an article where the image is used. But it's not an actual URL of the image.

Here's what I did to get the actual URL in my phone, using Chrome

1. Open the URL in your <img> https://images.app.goo.gl/aQWSg46PcX9tSd5d9

2. Long press on the image and pick " Open image in new tab"

3. Switch to the new tab, tap on Chrome address bar, and then tap on "Copy Link" button. This allows me an actual image URL that can be used as 'src' value in <img> element https://www.gamepur.com/wp-content/uploads/2022/10/03142607/minecraft_dream_smiley.jpg?w=1200

Answer 4

Tnx

Answer 5

Ohhh

Answer 6

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