वेब पेज पर टेक्स्ट को कैसे विस्तृत और संक्षिप्त करें

कंप्यूटर से पुरुष की मदद करती महिला

छवि क्रेडिट: जुपिटरिमेज/पिक्सलैंड/गेटी इमेजेज

कई बार वेब डिज़ाइनर को वेबसाइट पर टेक्स्ट को विस्तृत और संक्षिप्त करने की आवश्यकता होती है। यह सुविधा विशेष रूप से तब उपयोगी होती है जब अक्सर पूछे जाने वाले प्रश्न स्थापित करने, ब्लॉग प्रविष्टियों को व्यवस्थित करने और पहेली और प्रश्नोत्तरी सुविधाओं को बनाने की बात आती है। कोलैप्सेबल टेक्स्ट को लागू करने के लिए इस जावा कोड को अपनी वेबसाइट में डालें।

चरण 1

उस वेब पेज का HTML कोड खोलें जिसमें आप कोलैप्सेबल टेक्स्ट जोड़ना चाहते हैं। और टैग का पता लगाएँ। उनके बीच, निम्नलिखित कोड को कॉपी और पेस्ट करें:

दिन का वीडियो

चरण 2

उस अनुभाग का पता लगाएँ जहाँ आपके संक्षिप्त किए जा सकने वाले पाठ को जाना है। निम्नलिखित कोड वहां पेस्ट करें। यह लाइन एक हेडर बनाती है जो "a1" की आईडी वाले सेक्शन को टॉगल करेगा

खंड 1

एक कंटेनर के अंदर "a1" आईडी और "texter" के वर्ग के साथ अनुभाग टेक्स्ट दर्ज करें।

धारा 1 सामग्री।

चरण 3

यदि आपको अतिरिक्त मदों की आवश्यकता है, तो पैटर्न के साथ जारी रखें, प्रत्येक अनुभाग शीर्षक और सामग्री क्षेत्र के लिए आईडी के विभिन्न जोड़े का उपयोग करें। अपनी फ़ाइल सहेजें और यह सुनिश्चित करने के लिए अपने कोड का परीक्षण करें कि यह ठीक से काम करता है। छिपे हुए टेक्स्ट को लाने और फिर उसे गायब करने के लिए आपको हेडर पर क्लिक करने में सक्षम होना चाहिए।

श्रेणियाँ

हाल का

इलस्ट्रेटर में क्रॉप और ट्रिम मार्क्स कैसे सेट करें

इलस्ट्रेटर में क्रॉप और ट्रिम मार्क्स कैसे सेट करें

चयन टूल पर स्विच करने के लिए "V" दबाएं। किसी ऑब...

एडोब इलस्ट्रेटर में डिबॉस्ड लुक कैसे दें

एडोब इलस्ट्रेटर में डिबॉस्ड लुक कैसे दें

इलस्ट्रेटर आपको एक उत्कीर्ण रूप के साथ ऑब्जेक्...

फोटोशॉप में लाइन कैसे ड्रा करें

फोटोशॉप में लाइन कैसे ड्रा करें

छवि क्रेडिट: हीरो इमेज/हीरो इमेज/गेटी इमेजेज फो...