Answers for "how to link a image in html"

7

how to make an image with a link 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>
Posted by: Guest on February-09-2021
14

html for an image with a link

<html>
<body>

<h2>Image Links</h2>

<p>The image is a link. You can click on it.</p>

<a href="default.asp">
  <img src="smiley.gif" alt="HTML tutorial" style="width:42px;height:42px;border:0">
</a>

<p>We have added "border:0" to prevent IE9 (and earlier) from displaying a border around the image.</p>

</body>
</html>
Posted by: Guest on May-06-2020
2

how to link a image in html

<html>
  <head>

  </head>
  <body>
  
<img alt="image" src="image.png" onclick="imageClicked()">

    
<script> 
   function imageClicked() {
     window.open("https://www.google.com");
   	}
</script>
    
    
  </body>
</html>
Posted by: Guest on July-19-2021
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>
Posted by: Guest on June-15-2020
1

html images with link

<a href="https://www.google.com">
	<img src="./images/image.jpg" />
</a>
Posted by: Guest on October-01-2020

Code answers related to "how to link a image in html"

Browse Popular Code Answers by Language