Please I'm having difficulty in adding images in my blog in html it seems it's not working for me and I'm really confused

Question

If I try to copy the image url it won't work after placing it in the src attribute

Answer 1

Ok 👍 thanks

Answer 2

<img src="https://images.app.goo.gl/maA6GJqPABpeE13p9" alt=" ">

Answer 3

should be :
<img src="https://www.u-buy.com.ng/productimg/?image=aHR0cHM6Ly9tLm1lZGlhLWFtYXpvbi5jb20vaW1hZ2VzL0kvNzF6TldiVEh6eEwuX1NMMTUwMF8uanBn.jpg" alt=" ">

src url has to end with the file extension, like .jpg .png ...
depending on what browser you are using, on Google image results visit the website where the image is hosted and long click on it then choose copy image location. then paste it in img src.

Answer 4

<!-- header start -->
<div id="header" class="section">
<img alt="" class="img-circle" src="https://code.sololearn.com/Icons/Avatars/0.jpg">
<p>Alex Simpson</p>
</div>
<!-- header end -->
This is the one given to us to try can I can the image to anyone I feel like using? In the header?

Answer 5

And what's the function of id attribute in the header

Answer 6

could you share the img tag with the url in src.

Answer 7

Ok thanks 😊 lemme try if it will work this time

Answer 8

I could not understand your question " This is the one given..."
the "id" is the id of the <div> so you can refer to it in CSS or javascript.
like:
css
#header {
}
or
javascript
let d = document.getElementById("header")

Answer 9

A tips download the image at your computer and use its URL as the place to use it from

Answer 10

The best way is to download the image in your files external sources can be very hard to crack down for beginners like us😁