<!DOCTYPE html>
<html>
<body>
<a href="/action_page.php">
<img id="myImg" src="w3javascript.gif" alt="W3Schools.com" width="100" height="132">
</a>
<p>Click the "Try it" button to specify that the image should be part of a server-side image-map.</p>
<p><b>Tip:</b> Click on the image before and after you have clicked the "Try it" button.</p>
<button onclick="myFunction()">Try it</button>
<p id="demo"></p>
<script>
function myFunction() {
document.getElementById("myImg").isMap = true;
document.getElementById("demo").innerHTML = "The image is now part of a server-side image-map.";
}
</script>
</body>
</html>