html how to make an image a link code example
Example 1: 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>
Example 2: linked image html
<a href="https://example.url.com">
<img src="image.png" alt="An image">
</a>
Example 3: 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 4: html image with link
<a href="https://www.google.com"><img alt="Google" src="img.jpg"
style="max-width:960px"/></a>