अगर आप इस पोस्ट या वेबसाइट से जुडे अपडेट देखना चाहते है या इस वेबसाइट के नए पोस्ट देखना चाहते है
तो आप नीचे दिए गए वेबसाइट के बटन पर क्लिक करे
डीव,क्लास और आईडी क्या है HTML मे (What is class and id attribute in HTML)
1) div :- यह HTML मे बहुत आवश्य्क टॅग(tag) है इसे हम सभी जगह पर उपयोग कर सकते है। इसे लगाने से वेबसाइट पर एक जगह बन जाती है जैसे की आपके पास कोई जमीन है और आप उसे टुकडो मे विभाजित करना चाहते हो तो आप बीच मे एक रेखा यानी कि लाईन खीच दोगे जिससे वह दो हिस्सो मे बट जाएगा और यदि आप उन दोनो हिस्सो मे रेखा खिचेंगे तो उसमे और हिस्से हो जाएंगे और आप उन हिस्सो मे अपना कुछ भी बना या निर्माण कर सकते हो ठिक वैसा ही कार्य डिव टॅग(div tag) करता बस अंतर इतना है की इसे आपको वेबसाइट पर करना हो तो उपयोग करते हो । हम आपको इसका उदाहरण एक फोटो देकर दिखाएंगे।
आपने देखा की डिव(div) का क्या करता है। अगर भविष्य मे यदि आपको इनमे बदलाव करना है तो यह बहुत उपयोगी साबित होते है जैसे यदि आप इन वाक्यो के पीछे के जगह को रंग दे सकते है अब आप सोच रहे होंगे की कैसे यह होगा तो हम आपको बता देते है की ऐसा कुछ एट्रिब्युट से कर सकते है जैसे की पीछे की जगह का रंग बदलनेवाला एट्रिब्युट(attribute) जिसे अंग्रेजी मे background-color एट्रिब्युट(attribute) कहते है और हम इसका ही उपयोग करेंगे इसे bgcolor भी लिख सकते है लेकिन कही-कही आपको पुरा नाम भी लिखना पड्ता है यह रंग(colour) देना आकर्षक बनाना यह सीएसएस(css) का हिस्सा है यह HTML मे उपयोग नही किया जाता लेकिन फिर भी हम आपको यह बताएंगे क्योंकी कोई भी वेबसाइट सिर्फ HTML से नही बनाई जा सकती है। हम आपको इसका उदाहरण एक और फोटो द्वारा देंगे।
जैसा की आप देख रहे होंगे की कैसे पीछे की जगह को रंग किया जाता है इसमे आप समझ गए होंगे की कैसे डिव टॅग(div tag) उपयोगी होता है इसका उपयोग आप समूह को बनाने के लिए करे क्योंकी यह बहुत ही आवश्य्क और सीएसएस(css) के लिए यह बहुत उपयोगी होता है अथवा इसका उपयोग करने से आपका वेबसाइट इंटरनेट(internet) पर बहुत जल्दी खुलेगा क्योंकी ब्राउजर(browser) को एक साथ सारी चीजे यानी की कोड(code) को रिड(read) करके दिखाने मे समय लगता है इससे आपकी वेबसाइट तेज होगी।
2) class :- यह एक एट्रिब्युट(attribute) है जिसे सीएसएस(css) मे उपयोग किया जाता है और इसे आप बहुत सारे एलेमेंट(element) को एक साथ सभी मे एक जैसा व्यवहार कराया जाता है। उदाहरण के लिए जैसे किसी पाठशाला मे बहुत सारे विद्याथी होते है जिन्हे अलग-अलग शिक्षा दी जाती है वर्ष और शिक्षा के हिसाब से और उन्हे अलग-अलग नामो से अलग-अलग
किया जाता है जैसे पहली कक्षा,दुसरी,तीसरी और चौथी कक्षा और यदि उस पाठशाला के प्रधानाचार्य को पहली के छात्रो को छुट्टी देना है तो वह पहली कक्षा का नाम लेंगे और पहली कक्षा मे जितने भी छात्र होंगे उनकी छुट्टी कर दी जाएगी ठिक वैसे ही इसका कार्य होता है यदि आपने बहुत सारी कोडिंग(coding) की है वेबसाइट के लिए और आपको वेबसाइट मे बदलाव करना है और आप चाहते हो की कुछ ही कोडिंग(coding) मे बदलाव हो तो ऐसे मे क्लास(class) इस एट्रिब्युट(attribute) उपयोग किया जाता है इसे आपको डिव टॅग के अंदर क्लास(class) लिखकर उसका कोई मुल्य दे दे और इसे आप बाद मे स्टाईल टॅग(style tag) को हेड टॅग(head tag) के अंदर टाईप(type) करना है और उसमे क्लास(class) का नाम लिखकर उसी के पास मे कोष्ट्क(bracket) बनाकर उसमे लिखना होता है और वह कोड आपने जिस-जिस कोड मे वह क्लास और उसका मुल्य होगा उसमे बदलाव हो जाएगा इससे समय और मेहनत बचती है और ज्यादा कोड नही करना पडता है एक बार लिखने के बाद सभी पर एक साथ प्रभाव होता है।
इस कोड को आप देखकर समझ ही गए होंगे की कैसे क्लास टॅग का उपयोग किया जाता है और अब इसे रन करने के बाद कुछ ऐसा परिणाम आता है।
3) id :- आईडी(id) का उपयोग भी क्लास(class) की तरह ही है अब हम आपको उदाहरण द्वारा समझाते है जैसे की आपने पाठशाला का उदाहरण देखा होगा अब उसे ही यहाँ आगे बढा रहे है प्रधानाचार्य ने पहली कक्षा के छात्रो को छुट्टी दे दी लेकिन अब प्रधानाचार्य उस कक्षा से एक छात्र को छुट्टी नही दे रहे है तो प्रधानाचार्य को यह बात उस छात्र हो कहनी है तो वह कैसे कहेंगे प्राधानाचार्य उस कक्षा मे स्थित उस छात्र का नाम लेंगे और कहेंगे ठिक वैसे ही आईडी(id) का कार्य होता है इसे वैसे ही लिखा जाता है जैसे क्लास(class) को लिखा जाता है इसे स्टाईल टॅग(style tag) मे दर्शाने के लिए # इस चिन्ह का उपयोग करते है। उदाहरण के लिए फोटो देखे।
इस प्रकार आईडी टॅग(id tag) का उपयोग किया जाता है आप आईडी(id) मे कुछ भी नाम दे सकते है कोई विशेष नाम नही दिया जाता है इसमे कुछ भी नाम दे सकते है और क्लास(class) मे भी इसी प्रकार होता है। हम इस कोड का परिणाम(result) दिखा देते है।
इसी प्रकार इनका उपयोग होता है और यह बहुत जरुरी विषय है HTML मे।
आपने देखा की डिव(div) का क्या करता है। अगर भविष्य मे यदि आपको इनमे बदलाव करना है तो यह बहुत उपयोगी साबित होते है जैसे यदि आप इन वाक्यो के पीछे के जगह को रंग दे सकते है अब आप सोच रहे होंगे की कैसे यह होगा तो हम आपको बता देते है की ऐसा कुछ एट्रिब्युट से कर सकते है जैसे की पीछे की जगह का रंग बदलनेवाला एट्रिब्युट(attribute) जिसे अंग्रेजी मे background-color एट्रिब्युट(attribute) कहते है और हम इसका ही उपयोग करेंगे इसे bgcolor भी लिख सकते है लेकिन कही-कही आपको पुरा नाम भी लिखना पड्ता है यह रंग(colour) देना आकर्षक बनाना यह सीएसएस(css) का हिस्सा है यह HTML मे उपयोग नही किया जाता लेकिन फिर भी हम आपको यह बताएंगे क्योंकी कोई भी वेबसाइट सिर्फ HTML से नही बनाई जा सकती है। हम आपको इसका उदाहरण एक और फोटो द्वारा देंगे।
जैसा की आप देख रहे होंगे की कैसे पीछे की जगह को रंग किया जाता है इसमे आप समझ गए होंगे की कैसे डिव टॅग(div tag) उपयोगी होता है इसका उपयोग आप समूह को बनाने के लिए करे क्योंकी यह बहुत ही आवश्य्क और सीएसएस(css) के लिए यह बहुत उपयोगी होता है अथवा इसका उपयोग करने से आपका वेबसाइट इंटरनेट(internet) पर बहुत जल्दी खुलेगा क्योंकी ब्राउजर(browser) को एक साथ सारी चीजे यानी की कोड(code) को रिड(read) करके दिखाने मे समय लगता है इससे आपकी वेबसाइट तेज होगी।
2) class :- यह एक एट्रिब्युट(attribute) है जिसे सीएसएस(css) मे उपयोग किया जाता है और इसे आप बहुत सारे एलेमेंट(element) को एक साथ सभी मे एक जैसा व्यवहार कराया जाता है। उदाहरण के लिए जैसे किसी पाठशाला मे बहुत सारे विद्याथी होते है जिन्हे अलग-अलग शिक्षा दी जाती है वर्ष और शिक्षा के हिसाब से और उन्हे अलग-अलग नामो से अलग-अलग किया जाता है जैसे पहली कक्षा,दुसरी,तीसरी और चौथी कक्षा और यदि उस पाठशाला के प्रधानाचार्य को पहली के छात्रो को छुट्टी देना है तो वह पहली कक्षा का नाम लेंगे और पहली कक्षा मे जितने भी छात्र होंगे उनकी छुट्टी कर दी जाएगी ठिक वैसे ही इसका कार्य होता है यदि आपने बहुत सारी कोडिंग(coding) की है वेबसाइट के लिए और आपको वेबसाइट मे बदलाव करना है और आप चाहते हो की कुछ ही कोडिंग(coding) मे बदलाव हो तो ऐसे मे क्लास(class) इस एट्रिब्युट(attribute) उपयोग किया जाता है इसे आपको डिव टॅग के अंदर क्लास(class) लिखकर उसका कोई मुल्य दे दे और इसे आप बाद मे स्टाईल टॅग(style tag) को हेड टॅग(head tag) के अंदर टाईप(type) करना है और उसमे क्लास(class) का नाम लिखकर उसी के पास मे कोष्ट्क(bracket) बनाकर उसमे लिखना होता है और वह कोड आपने जिस-जिस कोड मे वह क्लास और उसका मुल्य होगा उसमे बदलाव हो जाएगा इससे समय और मेहनत बचती है और ज्यादा कोड नही करना पडता है एक बार लिखने के बाद सभी पर एक साथ प्रभाव होता है।
इस कोड को आप देखकर समझ ही गए होंगे की कैसे क्लास टॅग का उपयोग किया जाता है और अब इसे रन करने के बाद कुछ ऐसा परिणाम आता है।
3) id :- आईडी(id) का उपयोग भी क्लास(class) की तरह ही है अब हम आपको उदाहरण द्वारा समझाते है जैसे की आपने पाठशाला का उदाहरण देखा होगा अब उसे ही यहाँ आगे बढा रहे है प्रधानाचार्य ने पहली कक्षा के छात्रो को छुट्टी दे दी लेकिन अब प्रधानाचार्य उस कक्षा से एक छात्र को छुट्टी नही दे रहे है तो प्रधानाचार्य को यह बात उस छात्र हो कहनी है तो वह कैसे कहेंगे प्राधानाचार्य उस कक्षा मे स्थित उस छात्र का नाम लेंगे और कहेंगे ठिक वैसे ही आईडी(id) का कार्य होता है इसे वैसे ही लिखा जाता है जैसे क्लास(class) को लिखा जाता है इसे स्टाईल टॅग(style tag) मे दर्शाने के लिए # इस चिन्ह का उपयोग करते है। उदाहरण के लिए फोटो देखे।
इस प्रकार आईडी टॅग(id tag) का उपयोग किया जाता है आप आईडी(id) मे कुछ भी नाम दे सकते है कोई विशेष नाम नही दिया जाता है इसमे कुछ भी नाम दे सकते है और क्लास(class) मे भी इसी प्रकार होता है। हम इस कोड का परिणाम(result) दिखा देते है।
कोई टिप्पणी नहीं:
एक टिप्पणी भेजें