<html>
<body>
<p>The image is a link. You can click on it.</p>
<a href="boo.html">
<img src="images/smiley.gif" alt="surprise!" style="width:42px;height:42px;border:0;">
</a>
</body>
</html>
The image is a link. You can click on it.
To use an image as a link, simply nest the <img> tag inside the <a> tag:
| HTML file: | Displayed by browser: |
|---|---|
|
<!DOCTYPE html>
<html> <body> <p>The image is a link. You can click on it.</p> <a href="boo.html"> <img src="images/smiley.gif" alt="surprise!" style="width:42px;height:42px;border:0;"> </a> </body> </html> |
The image is a link. You can click on it.
|
To prevent IE9 (and earlier) from displaying a border around the image, just add the "border:0;" attribute.
