1<!DOCTYPE html>
2<html>
3 <head>
4 <title>HTML Image as link</title>
5 </head>
6 <body>
7 The following image works as a link:<br>
8 <a href="https://www.qries.com/">
9 <img alt="Qries" src="https://www.qries.com/images/banner_logo.png"
10 width="150" height="70">
11 </a>
12 </body>
13</html>
1
2<html>
3<body>
4
5<h2>Image Links</h2>
6
7<p>The image is a link. You can click on it.</p>
8
9<a href="default.asp">
10 <img src="smiley.gif" alt="HTML tutorial" style="width:42px;height:42px;border:0">
11</a>
12
13<p>We have added "border:0" to prevent IE9 (and earlier) from displaying a border around the image.</p>
14
15</body>
16</html>
1<!DOCTYPE html>
2<html>
3 <head>
4 <title>HTML Image as link</title>
5 </head>
6 <body>
7 The following image works as a link:<br>
8 <a href="https://www.qries.com/">
9 <img alt="Qries" src="https://www.qries.com/images/banner_logo.png"
10 width=150" height="70">
11 </a>
12 </body>
13</html>
1<!DOCTYPE html>
2<html>
3 <body>
4 <!-- To use an image, put after <img>, put src="the link of your image"
5 like the exemple : -->
6 <!-- If you want when you click on the image you are going on an
7 internet page, use the onclick like the exemple : -->
8
9 <img alt="Qries" src="https://www.qries.com/images/banner_logo.png"
10 width="150" height="70" onclick="document.location.href='https://link.com'">
11
12 <!-- You can also edit the size with width and height elements -->
13
14 </body>
15</html>
1<a href="your-hyper-link">
2 <img src="image.png" alt="HTML img link tutorial" style="width:42px;height:42px;border:0">
3</a>