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