अपने वेब पेज पर एक प्रिंट बटन या लिंक जोड़ें

सीएसएस (कैस्केडिंग स्टाइल शीट) आपको इस बात पर काफी नियंत्रण देती है कि आपके वेब पेज की सामग्री स्क्रीन पर कैसे प्रदर्शित होती है। यह नियंत्रण अन्य मीडिया तक भी फैलता है, जैसे कि वेब पेज प्रिंट होने पर।

आप सोच रहे होंगे कि आप क्यों जोड़ना चाहेंगे प्रिंट सुविधा आपके वेब पेज पर; आखिरकार, अधिकांश लोग पहले से ही जानते हैं या आसानी से यह पता लगा सकते हैं कि अपने ब्राउज़र के मेनू का उपयोग करके वेब पेज कैसे प्रिंट करें।

लेकिन ऐसी स्थितियां हैं जहां एक प्रिंट बटन जोड़ना या संपर्क एक पृष्ठ न केवल आपके उपयोगकर्ताओं के लिए प्रक्रिया को आसान बना देगा, जब उन्हें एक पृष्ठ का प्रिंट आउट लेने की आवश्यकता होगी लेकिन, शायद इससे भी अधिक महत्वपूर्ण बात यह है कि आप इस पर अधिक नियंत्रण दें कि उन प्रिंटआउट का प्रदर्शन कैसे होगा कागज।

यहां बताया गया है कि अपने पृष्ठों पर प्रिंट बटन या प्रिंट लिंक कैसे जोड़ें, और कैसे परिभाषित करें कि आपके पेज की सामग्री के कौन से टुकड़े मुद्रित होंगे और कौन से नहीं।

आप अपने HTML दस्तावेज़ में निम्नलिखित कोड जोड़कर अपने वेब पेज पर आसानी से एक प्रिंट बटन जोड़ सकते हैं जहाँ आप चाहते हैं कि बटन दिखाई दे:

onclick = "window.print (); गलत लौटें?" />

बटन के रूप में लेबल किया जाएगा इस पृष्ठ का मुद्रण कीजिए जब यह वेब पेज पर दिखाई देता है। निम्नलिखित उद्धरण चिह्नों के बीच पाठ को बदलकर आप इस पाठ को जो कुछ भी पसंद करते हैं उसे अनुकूलित कर सकते हैं

मूल्य =

अपने वेब पेज पर एक साधारण प्रिंट लिंक जोड़ना और भी आसान है। बस अपने HTML दस्तावेज़ में निम्नलिखित कोड डालें जहाँ आप लिंक दिखाना चाहते हैं:

प्रिंट

आप जो भी चुनते हैं उसे "प्रिंट" बदलकर लिंक टेक्स्ट को कस्टमाइज़ कर सकते हैं।

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

सबसे पहले, अपने HTML दस्तावेज़ के मुख्य भाग में निम्न कोड जोड़ें:

प्रकार = "टेक्स्ट / सीएसएस" मीडिया = "प्रिंट" />

इसके बाद नाम वाली फाइल बनाएं print.css। इस फ़ाइल में, निम्न कोड जोड़ें:

शरीर {दृश्यता: छिपा हुआ;}
छाप {दृश्यता: दृश्यमान ;;

यह कोड शरीर में सभी तत्वों को तब तक परिभाषित करता है जब तक कि मुद्रित नहीं किया जाता है जब तक कि तत्व को "प्रिंट" वर्ग को सौंपा नहीं जाता है।

अब, आपको बस अपने वेब पेज के उन तत्वों को "प्रिंट" वर्ग असाइन करना है जिन्हें आप प्रिंट करने योग्य बनाना चाहते हैं। उदाहरण के लिए, एक दिव्य तत्व को परिभाषित करने योग्य अनुभाग बनाने के लिए, आप उपयोग करेंगे

पृष्ठ पर कुछ और जो इस वर्ग को नहीं दिया गया है वह प्रिंट नहीं होगा।