सीएसएस और जावास्क्रिप्ट के साथ टैब कैसे बनाएं?

कोड की उपरोक्त पंक्तियाँ:

• ' नामक फ़ंक्शन को परिभाषित करें पहला ”।
• इस फ़ंक्शन परिभाषा में, ' दस्तावेज़.getElementById() ' विधि उस div तत्व तक पहुंचती है जिसकी आईडी 'cont1' है और ' लागू होती है शैली 'संपत्ति के साथ' अवरोध पैदा करना “इस पर मूल्य. यह प्रॉपर्टी उस टैब की सामग्री प्रदर्शित करेगी जिस पर उपयोगकर्ता क्लिक करता है।
• इसके बाद, 'document.getElementById()' दूसरे डिव तक पहुंचता है और इसे छिपाने के लिए 'कोई नहीं' मान वाली 'स्टाइल' प्रॉपर्टी लागू करता है। यह उस तत्व को वेब पेज पर छिपा देगा।
• उपरोक्त विधि अगले एक्सेस किए गए div तत्वों के लिए की जाती है। ऐसा इसलिए है क्योंकि 'पहला' फ़ंक्शन केवल उस टैब की सामग्री को प्रदर्शित करता है जिसका 'शैली' संपत्ति मूल्य 'ब्लॉक' है और अन्य को छुपाता है।
• उपरोक्त प्रक्रिया अगले 'दूसरे()' और 'तीसरे()' कार्यों के लिए की जाती है।

उत्पादन

यह देखा जा सकता है कि टैब सफलतापूर्वक बनाए गए हैं और उपयोगकर्ता के क्लिक पर अपनी संबंधित सामग्री दिखाते हैं।

निष्कर्ष

टैब बनाने के लिए पहले 'HTML' का उपयोग करके उनकी संरचना बनाएं, और फिर CSS स्टाइलिंग गुणों की सहायता से उन्हें अनुकूलित करें। स्टाइलिंग गुण किसी भी अतिरिक्त स्टाइल शीट को निर्यात किए बिना जोड़े जाते हैं। ये गुण टैब को आकर्षक और आकर्षक बनाते हैं। एक बार जब टैब बन जाते हैं और अनुकूलित हो जाते हैं, तो उनमें कार्यक्षमताएँ जोड़ने के लिए जावास्क्रिप्ट प्रोग्रामिंग भाषा का उपयोग करें। इस गाइड में सीएसएस और जावास्क्रिप्ट के साथ टैब बनाने की पूरी प्रक्रिया को व्यावहारिक रूप से समझाया गया है।