Open In App

How to specify the hyperlink target for the area of an image in HTML5 ?

Improve
Improve
Like Article
Like
Save
Share
Report

The href attribute is used to specify the hyperlink target for the area in HTML5. The area tag is not a hyperlink in itself. The <a> tag should always have an opening as well as a closing tag. The coords attribute is obsolete on an element. Instead, always use the area tag for the image map where coords attribute can be used within the area tag. The same should also be applied to shape attributes. The following example states it clearly.    

Syntax:

<area href = "URL">

Example: In this example, we will use the href attribute.

HTML




<!DOCTYPE html>
<html>
 
<body style="text-align: center">
    <h1 style="color: green">GeeksforGeeks</h1>
    <h2>Use of href attribute in area tag.</h2>
 
    <img src=
         alt="Geeks_logo"
         usemap="#gfg" />
    <map name="gfg">
        <!-- You'll be able to go to the link only
             when clicked on top-left corner -->
        <area shape="rect" coords="0, 0, 50, 50"
              alt="gfg" href="https://www.geeksforgeeks.org" />
    </map>
</body>
 
</html>


Output:


Last Updated : 05 Jun, 2023
Like Article
Save Article
Previous
Next
Share your thoughts in the comments
Similar Reads