पृष्ठभूमि एक वेबसाइट के सबसे महत्वपूर्ण तत्वों में से एक है। एक अच्छी पृष्ठभूमि वेबसाइट के लिए टोन बनाती है और सामग्री को पूरक करती है। पृष्ठभूमि जोड़ने के कई अलग-अलग तरीके हैं, हर तरह से एक अलग उद्देश्य के साथ। कुछ विधियाँ आपको किसी वेबसाइट के सभी पृष्ठों पर पृष्ठभूमि लागू करने की अनुमति देती हैं, जबकि अन्य पृष्ठभूमि को केवल एक निश्चित पृष्ठ तक सीमित करती हैं। यह लेख आपको HTML या CSS का उपयोग करके अपनी वेबसाइट में पृष्ठभूमि जोड़ने का तरीका सिखाएगा।
कदम
विधि 1 में से 2: HTML विधियाँ
ठोस रंगीन पृष्ठभूमि
चरण 1. एक ठोस रंग की पृष्ठभूमि सबसे बुनियादी प्रकार की पृष्ठभूमि है जिसे आप किसी वेबसाइट पर डाल सकते हैं।
वास्तव में, प्रत्येक वेबसाइट एक डिफ़ॉल्ट सफेद पृष्ठभूमि से शुरू होती है। हालांकि, जबकि एक सामंजस्यपूर्ण रंग योजना के साथ उपयोग किए जाने पर एक सफेद पृष्ठभूमि बहुत चिकना और साफ दिख सकती है, एक अलग रंग की पृष्ठभूमि को विभिन्न विषयों के साथ पसंद किया जा सकता है।
चरण 2. अपना वेब कोड (स्रोत) खोलें।
चरण 3. बॉडी टैग में, bgcolor नामक विशेषता जोड़ें।
अब, आपका बॉडी टैग इस तरह दिखना चाहिए-
जहां COLORNAME रंग का नाम है। COLORNAME कई प्रकार के रंग प्रतिनिधियों से भरा जा सकता है-
- (रंग का नाम)
- (हेक्स मान)
- (आरजीबी मूल्य)
चरण 4. RGB और # के साथ प्रयोग करने से कई रंग मिल सकते हैं, लेकिन आप आसान पहला तरीका अपना सकते हैं।
लेकिन याद रखें कि "अल्ट्रामरीन ब्लूश ग्रीन" के रूप में एक असामान्य रंग टाइप करने पर सफेद रंग आएगा।
एक पृष्ठभूमि छवि जोड़ना
एक ठोस रंगीन पृष्ठभूमि की तुलना में पृष्ठभूमि छवि जोड़ना थोड़ा अधिक जटिल है।
स्टेप 1. बैकग्राउंड प्रॉपर्टी को बॉडी टैग में जोड़ें, तो यह इस तरह दिखता है-
जहां SRC छवि का स्रोत है SRC उसी फ़ोल्डर, या किसी अन्य फ़ोल्डर/वेबपृष्ठ में हो सकता है।
- (उसी फ़ोल्डर में)
- (एक अलग फ़ोल्डर के अंदर)
- (एक अलग वेबपेज में)
चरण 2..gif/-j.webp" />
विधि २ का २: सीएसएस विधियाँ
ठोस रंगीन पृष्ठभूमि
चरण 1. CSS में एक ठोस रंगीन पृष्ठभूमि जोड़ने के लिए, एक शैली विशेषता जोड़ें।
आप आईडी और कक्षाएं भी दे सकते हैं और बाहरी और आंतरिक दोनों स्टाइलशीट का उपयोग कर सकते हैं।
स्टेप 2. आपका बॉडी टैग कुछ इस तरह दिखना चाहिए-
जहां COLORNAME रंग, हेक्स मान या RGB का नाम है (HTML में ठोस रंगीन पृष्ठभूमि के अंतिम चरण भी याद रखें, यहां भी लागू होते हैं)।
एक छवि जोड़ना
चरण 1. एक छवि जोड़ने के लिए, बॉडी टैग में शैली विशेषता जोड़ें।
आप आईडी और कक्षाएं भी दे सकते हैं और बाहरी और आंतरिक दोनों स्टाइलशीट का उपयोग कर सकते हैं।
Step 2. अब आपका बॉडी टैग कुछ इस तरह दिखना चाहिए-
चरण 3. याद रखें कि एसआरसी स्रोत है।
यह एक ही फोल्डर, अलग फोल्डर या अलग वेब पेज से हो सकता है।
- (उसी फ़ोल्डर में)
- (एक अलग फ़ोल्डर के अंदर)
- (एक अलग वेब पेज में)।
चरण 4..एक्सटेंशन भी जोड़ना याद रखें।
पैटर्न वाली पृष्ठभूमि को दोहराना
चरण १। दोहराए गए पैटर्न की पृष्ठभूमि बनाने के लिए, जैसा कि ऊपर दिए गए चरणों में कहा गया है, एक पृष्ठभूमि जोड़ें।
आपका बॉडी टैग अब बदल जाना चाहिए-
जहां रिपीट-सेटिंग्स सेटिंग्स हैं। कई रिपीट सेटिंग्स हो सकती हैं, जैसे-
- (पृष्ठभूमि लंबवत और क्षैतिज दोनों तरह से दोहराई जाएगी।)
- (पृष्ठभूमि क्षैतिज रूप से दोहराई जाएगी।)
- (पृष्ठभूमि लंबवत रूप से दोहराई जाएगी।)
निश्चित छवि पृष्ठभूमि
चरण 1. स्थिर छवि पृष्ठभूमि शांत दिखती है और नीचे स्क्रॉल करने पर परिवर्तित नहीं होती है।
उन्हें करने के लिए आपको उपरोक्त अनुभाग में कोड में कुछ सरल बदलाव करने की आवश्यकता है। बॉडी टैग को इस तरह दिखने के लिए करें ये ट्वीक-