HTML में इमेज मैप में एरिया के कोऑर्डिनेट्स कैसे सेट करें?

HTML में इमेज मैप में एरिया के कोऑर्डिनेट्स सेट करने के लिए coords एट्रिब्यूट (न कि cords) का उपयोग किया जाता है। यह <area> टैग के साथ <map> के भीतर उपयोग होता है।

उदाहरण

निम्न कोड से coords एट्रिब्यूट लागू करें:

<!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>

कोऑर्डिनेट फॉर्मेट्स (shape के अनुसार):

• shape="rect" - coords="x1,y1,x2,y2" (बाएं-ऊपर, दाएं-नीचे)
• shape="circle" - coords="x,y,radius" (केंद्र x,y और त्रिज्या)
• shape="poly" - coords="x1,y1,x2,y2,x3,y3..." (बहुभुज के शीर्ष)