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<html>
2 <head>
3
4 </head>
5 <body>
6
7<img alt="image" src="image.png" onclick="imageClicked()">
8
9
10<script>
11 function imageClicked() {
12 window.open("https://www.google.com");
13 }
14</script>
15
16
17 </body>
18</html>
1<a href="https://www.google.com"><img alt="Google" src="img.jpg"
2 style="max-width:960px"/></a>