Computer >> कंप्यूटर ट्यूटोरियल >  >> प्रोग्रामिंग >> HTML

HTML में इमेज मैप कैसे बनाएं?


इमेज मैप जोड़ने के लिए HTML में <map> टैग का उपयोग करें। HTML <map> टैग <img> टैग के साथ इमेज मैप परिभाषित करने के लिए उपयोग किया जाता है।

निम्न एट्रिब्यूट है:

एट्रिब्यूट वैल्यू विवरण
name unique_name मैप टैग के लिए यूनिक नाम परिभाषित करता है

उदाहरण

HTML में इमेज मैप बनाना सीखने के लिए निम्न कोड चलाएं:

<!DOCTYPE html> <html>    <head>       <title>HTML map Tag</title>    </head>    <body>       <img src="/images/html.gif" alt="HTML Map" border="0" usemap="#html"/>       <!-- Create Mappings -->       <map name="html">          <area shape="circle" coords="154,150,59" href="about/about_team.htm" alt="Team" target="_self" />       </map>    </body> </html>

नोट: <area> टैग <map> के अंदर क्लिक करने योग्य क्षेत्र परिभाषित करता है (shape: rect, circle, poly; coords तदनुसार)।

  1. HTML में हिडन कमेंट्स कैसे बनाएं? HTML में हिडन कमेंट्स कैसे बनाएं?

    <!-- --> सिंटैक्स HTML में हिडन कमेंट्स (छिपी टिप्पणियां) बनाने के लिए <!-- से शुरू करके --> पर समाप्त करें। इनके अंदर का कंटेंट ब्राउज़र में प्रदर्शित नहीं होता। ये कोड समझने, डिबगिंग या भविष्य के संदर्भ के लिए नोट्स लिखने में काम आते हैं। उदाहरण <!DOCTYPE html> <html> &

  1. HTML में इमेज को लिंक की तरह कैसे उपयोग करें? HTML में इमेज को लिंक की तरह कैसे उपयोग करें?

    <img> को <a> के अंदर रखें इमेज को लिंक बनाने के लिए <img> टैग को <a> टैग के अंदर रखें जिसमें href एट्रिब्यूट हो। src में इमेज URL, width/height में आकार दें। उदाहरण <!DOCTYPE html> <html> <head> <title>HTML Image as link</title> </head>

  1. HTML में बिब्लियोग्राफी (ग्रंथ सूची) कैसे बनाएं? HTML में बिब्लियोग्राफी (ग्रंथ सूची) कैसे बनाएं?

    <ol> और <cite> टैग्स का उपयोग बिब्लियोग्राफी (संदर्भ ग्रंथ सूची) बनाने के लिए <ol> से क्रमांकित सूची और <cite> से पुस्तक/कृति का शीर्षक मार्क करें। उदाहरण <!DOCTYPE html> <html> <head> <title>Bibliography</title> </head> <body>