एचटीएमएल में पृष्ठभूमि छवियों को बदलने से संबंधित मुख्य समस्या यह है कि यह सुनिश्चित करना मुश्किल हो सकता है कि छवि सभी ब्राउज़रों और उपकरणों पर सही ढंग से प्रदर्शित हो। इसके अतिरिक्त, यदि छवि बहुत बड़ी या बहुत छोटी है, तो यह पृष्ठ लोड करने की गति और प्रदर्शन के साथ समस्याएँ पैदा कर सकती है। अंत में, एचटीएमएल में पृष्ठभूमि छवि सेट करने के कई तरीके हैं (उदाहरण के लिए, सीएसएस या इनलाइन स्टाइल का उपयोग करके), इसलिए यह सुनिश्चित करना मुश्किल हो सकता है कि किसी विशेष स्थिति के लिए सही विधि का उपयोग किया जाए।
<body style="background-image:url('image.jpg');">
</body>
1. कोड की यह पंक्ति एक HTML बॉडी एलिमेंट बनाती है।
2. यह बॉडी एलिमेंट की बैकग्राउंड इमेज को "image.jpg" पर स्थित इमेज पर भी सेट करता है।
पृष्ठभूमि छवियों
एचटीएमएल में पृष्ठभूमि छवियों का उपयोग वेब पेज में दृश्य रुचि जोड़ने के लिए किया जा सकता है। उनका उपयोग एक सजावटी तत्व के रूप में किया जा सकता है, या उनका उपयोग जानकारी देने के लिए किया जा सकता है। CSS में बैकग्राउंड-इमेज प्रॉपर्टी का उपयोग करके बैकग्राउंड इमेज को जोड़ा जाता है। यह संपत्ति आपको एक छवि फ़ाइल निर्दिष्ट करने की अनुमति देती है, जैसे जेपीईजी या पीएनजी, जो पृष्ठ पर अन्य तत्वों के पीछे प्रदर्शित होगी। बैकग्राउंड-इमेज प्रॉपर्टी आपको बैकग्राउंड-रिपीट और बैकग्राउंड-पोजिशन जैसी अन्य प्रॉपर्टी सेट करने की भी अनुमति देती है, जो पेज पर इमेज को प्रदर्शित करने के तरीके को नियंत्रित करती हैं।
मैं HTML में पृष्ठभूमि छवि कैसे बदल सकता हूँ
HTML में बैकग्राउंड इमेज बदलना एक सरल प्रक्रिया है। ऐसा करने के लिए, आपको CSS में पृष्ठभूमि-छवि गुण का उपयोग करने की आवश्यकता है।
सबसे पहले, आपको उस छवि को परिभाषित करने की आवश्यकता है जिसे आप अपनी पृष्ठभूमि के रूप में उपयोग करना चाहते हैं। आप छवि फ़ाइल के लिए पूर्ण या सापेक्ष URL का उपयोग करके ऐसा कर सकते हैं। उदाहरण के लिए:
अगला, अपने HTML दस्तावेज़ में निम्न कोड जोड़ें:
यह निर्दिष्ट छवि को आपके पृष्ठ की पृष्ठभूमि छवि के रूप में सेट करेगा। यदि आवश्यक हो तो आप अतिरिक्त सीएसएस नियमों का उपयोग करके स्थिति और दोहराने जैसी अन्य संपत्तियों को भी समायोजित कर सकते हैं।
