Sree Sankar
Simply we can do this by the help of famous attribute called - "src" means (source)
for eg:
<img src="img_girl.jpg" alt="Girl in a jacket"
width="500" height="600">
here "img" is a tag, "src" is an attribute; and it is denoting the link of the local/online source to the original image, width and height are dimensions of the image. another important attribute is "alt", if image hasn't loaded the text in alt will display instead of the image and alt tag will be helpful for SEO also.
code of the above pic is (ignore the alignment)
<img
src="https://media.giphy.com/giphy.gif"
class="centre"
alt="spongebob why?"
/>