HTML5 Tags
HTML प्रोग्रामिंग पूरी तरह tags और attributes पर निर्भर है | आप को किसी भी प्रकार के वेब पेज को बनाने के लिए tags और attributes का इस्तेमाल करना पड़ता है |
HTML5 Tags
HTML में खुले एंगल ब्रैकेट (<) और बंद एंगल ब्रैकेट (>) के सेट को Tags कहा जाता है |
HTML5 Tag = <>
किसी भी प्रकार के एलिमेंट को पेज में डालने के लिए एक विशेष Tag होता है | टैग का नाम खुले एंगल ब्रैकेट और बंद एंगल ब्रैकेट के बीच में लिखा जाता है |
उदाहरण के लिए, अगर हमें हमारे HTML पेज की शुरुआत करनी होती है तो हम html tag से शुरुआत करते है, और उसके ठीक बाद head सेक्शन शुरू करने के लिए head टैग लगाते है |
html tag = <html>
head tag = <head>
आपको अधिकतर HTML पेज की शुरुआत इन्ही टैग्स के साथ कुछ इस तरह दिखाई देगी …
<html> <head>
टैग्स भी सेट में होते है | जो टैग शुरू होता है वो पेज में कही न कही ख़त्म भी होता है | ऐसा सभी टैग्स के साथ नहीं है, पर ज़्यादातर टैग्स ओपनिंग टैग और क्लोजिंग टैग्स के सेट में ही होते है |
शुरू होने वाले टैग को opening tag (ओपनिंग टैग) कहा जाता है | ख़त्म होने वाले टैग को क्लोजिंग टैग (closing tag) कहा जाता है।
अभी हमने ऊपर जो उदाहरण देखा वे ओपनिंग टैग्स है | क्लोजिंग टैग्स भी ओपनिंग टैग की तरह ही दिखते है, पर इनमे खुले एंगल ब्रैकेट के बाद एक फॉरवर्ड स्लैश (/) लगा होता है जो यह दर्शाता है की टैग यहाँ बंद हुआ है |
html opening tag = <html>
html closing tag = </html>
इस तरह ज़्यादातर टैग ओपनिंग और क्लोजिंग टैग के सेट में होते है |
– टैग्स के ओपन और क्लोज होने का एक नियम है।
जो टैग जितना पहले शुरू होता है, उतना ही आखिरी में बंद होता है और जो टैग जितना बाद में खुलता है उतना ही पहले बंद होता है |
इसे एक उदाहरण से समझते है |
<html>
<head>
<title> My First Web Page</title>
</head>
<body>
<p>I am learning from <strong>vishAcademy</strong></p>
</body>
</html>
ऊपर के code में देखिये, <html> टैग पेज में सबसे पहले शुरू हुआ है, पर सबसे आखिरी में बंद हुआ है |
उसके बाद पेज के सेक्शन्स शुरू हुए है | सेक्शंस में जब head सेक्शन बंद होता है उसी के बाद पेज का दूसरा सेक्शन यानी body सेक्शन शुरू हो सकता है, इसीलिए यह नियम यहाँ थोड़ा सा अलग है |
अब body सेक्शन में <p> tag में देखिये, पहले <p> टैग शुरू हुआ, उसके अंदर <strong> टैग शुरू हुआ। अब चूँकि <strong> टैग <p> टैग के बाद शुरू हुआ इसीलिए नियम के अनुसार इसे </p> के पहले बंद होना चाहिए।
कितना पहले बंद होना चाहिए या किस जगह पर बंद होना चाहिए ये निर्भर करता है की आप किस टैग को किस काम के लिए इस्तेमाल कर रहे है |
जैसे जैसे आप HTML प्रोग्रामिंग में आगे बढ़ते जायेंगे और प्रैक्टिस करते रहेंगे, इसे आसानी से समझ जायेंगे |
HTML में बहुत सारे tags है और हर tag का काम वेब ब्राउज़र को एक विशेष निर्देश देना है, जिसके कारण ब्राउज़र आप के पेज को उस तरह दिखा पाता है जिस तरह आप इसे देखना चाहते है |
HTML5 Tags के साथ होते है attributes, जिनका आपके पेज का स्ट्रक्चर बनाने में एक महत्वपूर्ण किरदार है |
इन् HTML attributes को हम सीखेंगे अगले लेसन में |