एचटीएमएल टैग्स

टैग्स क्या होते हैं

• टैग्स विशेष शब्द होते हैं जिनसे आप अपने कंटेंट को संरचना, मीनिंग और फॉर्मेट कर सकते हैं।
• टैग्स के माध्यम से आप:
  • कंटेंट का स्ट्रक्चर स्थापित कर सकते हैं (जैसे हेडिंग, पैराग्राफ, आदि)।
  • कंटेंट को एक मीनिंग प्रदान कर सकते हैं।
  • फॉर्मेटिंग कर सकते हैं (जैसे बोल्ड, इटैलिक, आदि)।

टैग्स और एलिमेंट्स में अंतर

• टैग एक विशेष शब्द है (जैसे <h1>), जबकि एक एलिमेंट एक ओपनिंग टैग, क्लोजिंग टैग और उनके बीच के कंटेंट का समूह है।

अट्रिब्यूट्स

• अट्रिब्यूट्स टैग के विशेष गुण होते हैं, जैसे:
  • src: इमेज का स्रोत।
  • alt: इमेज का वैकल्पिक टेक्स्ट।

विभिन्न प्रकार के टैग्स

हेडिंग टैग्स

• <h1> से <h6>: विभिन्न स्तरीय हेडिंग्स।

पैराग्राफ टैग

• <p>: पैराग्राफ प्रदर्शित करने के लिए।

एंकर टैग

• <a>: हाइपरलिंक बनाने के लिए।

लिस्ट टैग्स

• ऑर्डर लिस्ट (<ol>), अनऑर्डर लिस्ट (<ul>) और डिस्क्रिप्शन लिस्ट (<dl>)।

टेबल टैग

• <table>, <tr>, <td>: टेबल बनाने के लिए।

इमेज टैग

• <img>: इमेज डालने के लिए।

फॉर्मेटिंग टैग्स

• <b>: बोल्ड टेक्स्ट।
• <i>: इटैलिक टेक्स्ट।
• <u>: अंडरलाइन।
• <s>: स्ट्राइकथ्रू।
• <strong>: महत्वपूर्ण टेक्स्ट।
• <em>: इम्फैसाइज टेक्स्ट।
• <sup>: सुपरस्क्रिप्ट।
• <sub>: सबस्क्रिप्ट।

संरचनात्मक टैग्स

• <header>, <footer>, <nav>, <section>, <article>, <aside>: ये टैग्स वेब पेज को एक संरचना प्रदान करते हैं।

प्रैक्टिकल कार्य

• कोडिंग करते समय सभी टैग्स का प्रयोग करना।
• लाइव सर्वर पर जाँच करना।
• होमवर्क:
  • विभिन्न टैग्स का उपयोग कर के प्रोजेक्ट बनाना।
  • एंकर टैग का उपयोग कर के हाइपरलिंक्स बनाना।

क्लास का समापन

• आगे की क्लास में और अधिक चीजें सीखेंगे, जैसे फॉर्म्स और इनपुट्स।
• सभी को प्रैक्टिस करने के लिए प्रेरित किया गया।
• सुझाव दिया गया कि डॉक्यूमेंटेशन पढ़ें और अपने ज्ञान को गहरा करें।