HTML में एरिया का आकार कैसे सेट करें?

<area> टैग में shape एट्रिब्यूट का उपयोग इमेज मैप में क्लिक करने योग्य एरिया का आकार निर्दिष्ट करने के लिए किया जाता है। यह <map> के भीतर उपयोग होता है।

उदाहरण

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

<!DOCTYPE html> <html> 
  <head> 
    <title>HTML shape 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="टीम" target="_self" /> 
    </map> 
  </body> 
</html>

आकार मान:

• rect / rectangle - आयत (कोऑर्ड्स: x1,y1,x2,y2)
• circle / circ - वृत्त (कोऑर्ड्स: x,y,त्रिज्या)
• poly / polygon - बहुभुज (कोऑर्ड्स: x1,y1,x2,y2,...)
• default - पूरा इमेज (कोई कोऑर्ड्स नहीं)