Html में बैकग्राउंड कैसे बनाये

विषयसूची:

Html में बैकग्राउंड कैसे बनाये
Html में बैकग्राउंड कैसे बनाये

वीडियो: Html में बैकग्राउंड कैसे बनाये

वीडियो: Html में बैकग्राउंड कैसे बनाये
वीडियो: html में बैकग्राउंड इमेज कैसे जोड़ें 2024, अप्रैल
Anonim

एक पृष्ठभूमि वाला वेब पेज इसके बिना की तुलना में अधिक सुंदर दिखता है। वेब पेज के प्रदर्शन की शुद्धता पृष्ठभूमि को जोड़ने के लिए सक्षम कार्यों पर निर्भर करती है।

html में बैकग्राउंड कैसे बनाये
html में बैकग्राउंड कैसे बनाये

अनुदेश

चरण 1

एचटीएमएल दस्तावेज़ में पृष्ठभूमि बनाने का सबसे आसान तरीका बॉडी टैग को विशेषता मान निर्दिष्ट करना है। पृष्ठभूमि विशेषता के लिए दिया गया मान पृष्ठ पर पृष्ठभूमि छवि का निर्धारण करेगा। यदि आप bgcolor विशेषता का मान सेट करते हैं, तो पृष्ठ पृष्ठभूमि रंग लेगा। बॉडी टैग की bgcolor विशेषता में रंग या तो हेक्साडेसिमल या केवल एक शब्द में निर्दिष्ट किया जा सकता है।

चरण दो

आप कैस्केडिंग सीएसएस स्टाइल शीट का उपयोग करके समान प्रभाव प्राप्त कर सकते हैं। पृष्ठभूमि-रंग विशेषता के लिए एक मान पृष्ठ पर पृष्ठभूमि रंग को परिभाषित करेगा, जबकि पृष्ठभूमि-छवि विशेषता के लिए एक मान पृष्ठ की पृष्ठभूमि छवि के पथ को परिभाषित करेगा। ये निर्देश बॉडी सिलेक्टर को लिखे जा सकते हैं। आप इसे अलग तरीके से कर सकते हैं: एचटीएमएल टैग में बॉडी टैग के लिए एक वर्ग या पहचानकर्ता असाइन करें, और उपरोक्त विशेषताओं को क्रमशः सीएसएस में वर्ग या पहचानकर्ता को असाइन करें। यह केवल ध्यान में रखा जाना चाहिए कि यदि विशेषताएँ किसी वर्ग को सौंपी जाती हैं, तो निर्दिष्ट वर्ग वाली सभी वस्तुओं का html दस्तावेज़ में एक पृष्ठभूमि रंग होगा।

चरण 3

उपरोक्त निर्देश html दस्तावेज़ के मुख्य भाग में ही लिखे जा सकते हैं। ऐसा करने के लिए, हेड टैग्स (ओपनिंग और क्लोजिंग) के बीच सर्विस सेक्शन में स्टाइल टैग खोलें। किसी दिए गए टैग के खुलने और बंद होने के बीच कोई भी CSS स्टेटमेंट लिखा जा सकता है। यह केवल ध्यान में रखा जाना चाहिए कि इस मामले में, पृष्ठ का वजन बढ़ जाएगा, जो अंतिम उपयोगकर्ता के लिए इसे लोड करने में लगने वाले समय को नकारात्मक रूप से प्रभावित कर सकता है। यह भी ध्यान दिया जाना चाहिए कि पृष्ठभूमि छवि निर्दिष्ट करने के मामले में, इसे क्षैतिज, लंबवत या दो अक्षों के साथ एक साथ दोहराया जा सकता है। CSS में background-repeat विशेषता इसके लिए जिम्मेदार है। दस्तावेज़ में स्क्रॉल बार की उपस्थिति की परवाह किए बिना पृष्ठभूमि चित्र को सख्ती से डॉक किया जा सकता है। इस आशय को प्राप्त करने के लिए, आपको पृष्ठभूमि-अनुलग्नक निर्दिष्ट करना होगा: निश्चित।

चरण 4

html दस्तावेज़ की पृष्ठभूमि प्रोग्रामिंग भाषाओं का उपयोग करके की जा सकती है। आप जावास्क्रिप्ट का उपयोग करके एचटीएमएल निर्देश लिख सकते हैं। इसके लिए document.write भाषा निर्माण उपयुक्त है। यदि यही बात DOM के माध्यम से व्यक्त की जाती है, तो document.body.style.backgroundColor = “red” कथन पृष्ठ की पृष्ठभूमि को लाल कर देगा। यह सीधे CSS में उपयुक्त विशेषता लिखने के समान है।

चरण 5

ओपनिंग और क्लोजिंग हेड टैग्स के बीच स्क्रिप्ट टैग्स की एक जोड़ी बनाकर पिछले निर्देशों को सीधे वेब पेज के कोड में लिखा जा सकता है। हालांकि, इन सभी निर्देशों को जेएस एक्सटेंशन के साथ एक अलग फाइल में लिखा जा सकता है, जिसे बाद में पेज से जोड़ा जा सकता है।

सिफारिश की: