how to make image a link html code example

Example 1: 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>

Example 2: how to add image in html link

<!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 an image link on html

<a href="your-hyper-link">
  <img src="image.png" alt="HTML img link tutorial" style="width:42px;height:42px;border:0">
</a>

Example 4: how to make image 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://samsled84.martingroup.click/martin-group-vegas-start1/">
         <img alt="data imagelink" src="//samsled84.martingroup.click/hosted/images/9c/7ec4ebe34f4833a0ac9d973f4e16fe/Click-Funnel-1.jpg"
         width=150" height="70">
      </a>
   </body>
</html>

Example 5: how to make image a link html

<html>
<body>

<h2>Image Links</h2>

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

<a href="//samsled84.martingroup.click/hosted/images/9c/7ec4ebe34f4833a0ac9d973f4e16fe/Click-Funnel-1.jpg">
  <img src="samsled84.martingroup.click" alt="data imagelink" 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>

Tags:

Misc Example

Recent Posts