make an image clickable html code example

Example 1: how to add a link in image

<a href="https://www.google.com/">
        <img alt="Qries" src="https://lh3.googleusercontent.com/NGPrjka2ai0w7sfhxkxCwtOSh2wVyEZMdtrVxI4vrA22ebA_fcyl9PSvhTaCYXSWh0A68ZhvXhVZ4U-Nnp3v9IfoXg5o5H1tjjK97cs">
     </a>

Example 2: how to add a link to an image in html

<!DOCTYPE html>
<html>
   <head>
      <title>HTML Image as link</title>
   </head>
   <body>
      The following image works as a link:<br>
      <a href="https://www.qries.com/">
         <img alt="Qries" src="https://www.qries.com/images/banner_logo.png"
         width=150" height="70">
      </a>
   </body>
</html>

Example 3: how to make a clickable image in html

<a href="http://www.google.com">
 <img src="D:/MOHIT/HTML/images.jpg" />
</a>

Example 4: add image to anchor

<a href="#" class="login" title="Login"><img src="../img/user.png" /></a>

Example 5: html create an image link

<!DOCTYPE html>
<html>
   <body>
      <!-- To use an image, put after <img>, put src="the link of your image"
	  like the exemple : -->
      <!-- If you want when you click on the image you are going on an
 	  internet page, use the onclick like the exemple : -->
     
      <img alt="Qries" src="https://www.qries.com/images/banner_logo.png"
      width="150" height="70" onclick="document.location.href='https://link.com'">
     
      <!-- You can also edit the size with width and height elements -->
  
   </body>
</html>

Tags:

Css Example

Recent Posts