वीडियो: html में बैकग्राउंड इमेज कैसे जोड़ें 2024, नवंबर
2024 लेखक: Timothy Dodson | [email protected]. अंतिम बार संशोधित: 2023-12-16 06:49
आज की सबसे आम हाइपरटेक्स्ट मार्कअप भाषा HTML है। दस्तावेज़ की संरचना का निर्धारण करने के लिए उपकरणों की एक विस्तृत श्रृंखला के अलावा, इसमें उनकी दृश्य प्रस्तुति को बदलने की क्षमता है। उदाहरण के लिए, आप हाइपरटेक्स्ट दस्तावेज़ और उसके तत्वों की पृष्ठभूमि को अलग-अलग तरीकों से सेट कर सकते हैं।
html में बैकग्राउंड कैसे सेट करें?
यह आवश्यक है
एक HTML दस्तावेज़ को संपादित करने की क्षमता।
अनुदेश
चरण 1
HTML में संपूर्ण दस्तावेज़, तालिकाओं, साथ ही उनकी पंक्तियों, शीर्षलेख कक्षों और सामग्री कक्षों का पृष्ठभूमि रंग सेट करने के लिए, BODY, TABLE, TR, TH, TD तत्वों की क्रमशः bgcolor विशेषता का उपयोग करें। यह विशेषता उस मान को स्वीकार करती है जो SRGB स्थान के रंग को एन्कोड करता है, जिसे हैश या प्रतीकात्मक स्मृति चिन्ह से पहले हेक्साडेसिमल संख्या के रूप में व्यक्त किया जाता है। उदाहरण के लिए:
चरण दो
छवि को परिभाषित करने के लिए बॉडी तत्व की पृष्ठभूमि विशेषता का उपयोग करें जो पूरे दस्तावेज़ की पृष्ठभूमि होगी: हाइपरटेक्स्ट दस्तावेज़ों की दृश्य प्रस्तुति को निर्धारित करने के लिए संरचना और तंत्र को अलग करने के सिद्धांत के अनुसार, इसके बजाय स्टाइल शीट का उपयोग करने की अनुशंसा की जाती है HTML तत्वों की विशेषताओं के बारे में (जैसा कि चरण 1 और 2 में वर्णित है) …
चरण 3
बैकग्राउंड-कलर CSS प्रॉपर्टी का उपयोग करके किसी भी एलीमेंट का बैकग्राउंड कलर सेट करें। किसी तत्व के लिए इनलाइन शैली जानकारी को परिभाषित करने के लिए शैली विशेषता का उपयोग करें, या स्टाइल शीट में उपयुक्त चयनकर्ताओं के साथ नियम जोड़ें: हरे रंग की पृष्ठभूमि बॉडी {पृष्ठभूमि-रंग: # 00FF00; }
चरण 4
CSS बैकग्राउंड-इमेज प्रॉपर्टी का उपयोग करके किसी भी तत्व या तत्वों के समूह की पृष्ठभूमि छवि को परिभाषित करें। इसका मान संबंधित संसाधन की पहचान करने वाला URI होना चाहिए। उदाहरण के लिए: बॉडी बैकग्राउंड-इमेज {बैकग्राउंड-इमेज: url ("myimage.gif")}
चरण 5
दस्तावेज़ तत्वों की पृष्ठभूमि छवियों को प्रदर्शित करने के लिए अतिरिक्त नियम निर्धारित करें। बैकग्राउंड-रिपीट, बैकग्राउंड-अटैचमेंट और बैकग्राउंड-पोजिशन CSS प्रॉपर्टीज का इस्तेमाल करें। पहला टाइलिंग विकल्पों को परिभाषित करता है, दूसरा दस्तावेज़ या व्यूपोर्ट के सापेक्ष डॉकिंग को परिभाषित करता है, और तीसरा कंटेनर की सीमाओं के सापेक्ष प्रारंभिक ऑफ़सेट या संरेखण को परिभाषित करता है। इन गुणों के संभावित मानों के लिए w3c.org पर CSS2 विनिर्देश देखें।
ऑपरेटिंग सिस्टम को लोड करने के बाद, उपयोगकर्ता डेस्कटॉप को मॉनिटर पर देखता है। इसका डिज़ाइन स्वयं उपयोगकर्ता के स्वाद और इच्छाओं के अनुसार मानक या अनुकूलित किया जा सकता है। यहां तक कि एक नौसिखिया भी डेस्कटॉप पृष्ठभूमि को अनुकूलित करने का काम संभाल सकता है। उपयुक्त डिज़ाइन चुनने के लिए, आपको कई चरणों का पालन करना होगा। अनुदेश चरण 1 सबसे पहले, "
नेट पर आप अपने कंप्यूटर के लिए बहुत ही सुंदर वॉलपेपर पा सकते हैं। ऐसी छवियों को एकत्रित करने, सूचीबद्ध करने और वितरित करने में विशेषज्ञता रखने वाली संपूर्ण साइटें हैं। छवियों का एक (या एक पूरा सेट) लेने के बाद, आपको डेस्कटॉप के पुराने "
इंटरनेट पर अपनी वेबसाइट को अलंकृत करने के लिए, आप इसके डिजाइन में बदलाव कर सकते हैं। मुख्य पृष्ठ की पृष्ठभूमि को बदलने से लेकर साइट टेम्पलेट को पूरी तरह से फिर से तैयार करने तक, डिज़ाइन बदलने का तात्पर्य किसी भी क्रिया से है। यदि आप अपनी साइट की पृष्ठभूमि बदलने का निर्णय लेते हैं, तो निम्नलिखित निर्देश इस समस्या को हल करने में मदद करेंगे। ज़रूरी css फ़ाइल का संपादन। निर्देश चरण 1 अधिकांश भाग के लिए, साइट डिज़ाइन कोड style
आमतौर पर, वेब पेज का बेस बैकग्राउंड कलर कैस्केडिंग स्टाइल शीट्स (सीएसएस) का उपयोग करके सेट किया जाता है। कम सामान्यतः, इसके लिए HTML भाषा (हाइपरटेक्स्ट मार्कअप लैंग्वेज - "हाइपरटेक्स्ट मार्कअप लैंग्वेज") की क्षमताओं का उपयोग किया जाता है। कभी-कभी CSS विवरण तत्वों को HTML टैग्स के अंदर रखा जाता है। निर्देश चरण 1 यदि आप पृष्ठभूमि रंग निर्दिष्ट करना और अपने स्रोत कोड में परिवर्तनों को न्यूनतम करना चाहते हैं तो बॉडी टैग की bgcolor विशेषता का उपयोग करें। स
अक्सर, फ़ोटोशॉप में कोलाज बनाते समय, परिणामी छवि को एक निश्चित पृष्ठभूमि देने की आवश्यकता होती है। यह काफी रूटीन ऑपरेशन है। लेकिन इसके लिए क्रियाओं के एक निश्चित क्रम के अनुपालन की भी आवश्यकता होती है। ज़रूरी - एडोब फोटोशॉप। निर्देश चरण 1 उस दस्तावेज़ में जहाँ आप पृष्ठभूमि रखना चाहते हैं, एक नई परत बनाएँ। Adobe Photoshop कार्यक्षेत्र में वांछित विंडो को सक्रिय करें। Ctrl + Shift + N दबाएं या परत, नया, "
