- HTML Tutorial
- HTML - Home
- HTML - Overview
- HTML - Basic Tags
- HTML - Elements
- HTML - Attributes
- HTML - Formatting
- HTML - Phrase Tags
- HTML - Meta Tags
- HTML - Comments
- HTML - Images
- HTML - Tables
- HTML - Lists
- HTML - Text Links
- HTML - Image Links
- HTML - Email Links
- HTML - Frames
- HTML - Iframes
- HTML - Blocks
- HTML - Backgrounds
- HTML - Colors
- HTML - Fonts
- HTML - Forms
- HTML - Embed Multimedia
- HTML - Marquees
- HTML - Header
- HTML - Style Sheet
- HTML - Javascript
- HTML - Layouts
- HTML References
- HTML - Tags Reference
- HTML - Attributes Reference
- HTML - Events Reference
- HTML - Fonts Reference
- HTML - ASCII Codes
- ASCII Table Lookup
- HTML - Color Names
- HTML - Entities
- HTML - Fonts Ref
- HTML - Events Ref
- MIME Media Types
- HTML - URL Encoding
- Language ISO Codes
- HTML - Character Encodings
- HTML - Deprecated Tags
Set the coordinates of the area in an image map in HTML?
Use the cords attribute in HTML to set the coordinates of the area in an image map in HTML.
Example
You can try to run the following code to implement the cords attribute −
<!DOCTYPE html> <html> <head> <title>HTML coords attribute</title> </head> <body> <img src = "/images/html.gif" alt = "HTML Map" border = "0" usemap = "#html"/> <map name = "html"> <area shape = "circle" coords = "154,150,59" href = "about/about_team.htm" alt = "Team" target = "_self" /> </map> </body> </html>
- Related Articles
- Set an image as a server-side image map in HTML?
- How do we define an area in an image map with HTML?
- How to search the alternate text of an image-map area in JavaScript?
- How do we create an image map in HTML?
- Set the shape of the area in HTML
- How to specify an image as a client-side image-map in HTML?
- Find minimum area of rectangle with given set of coordinates in C++
- How to create an image map in JavaScript?
- How to set the positioning area of the background image with JavaScript?
- FabricJS – How to find the real center coordinates of an Image object?
- Set the height of an image with CSS
- Set the opacity of an image with CSS
- Set the width of an image with CSS
- How do we set an image to be shown while the video is downloading in HTML?
- Opencv Python – How to display the coordinates of points clicked on an image?
Advertisements