How to insert link in a picture in HTML?

dipanjan94

I am using HTML/CSS to insert pictures in a blog post. It is about gears and when someone clicks on the picture of my camera bag, I want them to be redirected to a website. How can I do this?

This is the blog post - https://www.dipanjanpal.com/Blog/Gear-Talk-Whats-in-my-bag
And following the HTML code I'm using

<div class="container">
  <div class="image-wrap">
    <img itemprop="image" src="https://photos.smugmug.com/Blog/Blogpics/i-RW5p84c/0/5a4ee6e0/X2/Tilopa-X2.jpg", alt="" title="" >
&nbsp; 
</div>
<div class="image-wrap">
    <img itemprop="image" src="https://photos.smugmug.com/Blog/Blogpics/i-2CxthGb/0/0ed841df/X3/Tilopa-2-X3.jpg" alt="" title="" >
&nbsp; 
</div> 

How do I insert different links to the two pictures?

Hikin' Mike

Wrap the image with an a tag: <a href="your-link-here"><img itemprop="image" src="https://photos.smugmug.com/Blog/Blogpics/i-RW5p84c/0/5a4ee6e0/X2/Tilopa-X2.jpg" alt="" title="" ></a>