अनुभवी डेवलपर्स के लिए भी CSS डराने वाला हो सकता है - बहुत सारे विकल्प हैं! लेकिन इस लेख में, हम चर्चा करेंगे कि एक अलग कैस्केडिंग स्टाइल शीट बनाए बिना आपके HTML दस्तावेज़ में पृष्ठभूमि का रंग कैसे बदला जाए।
HTML5 का उपयोग करते समय, आप शैली विशेषता, और संपत्ति `पृष्ठभूमि-रंग` का उपयोग करके पृष्ठभूमि रंग जोड़ सकते हैं। आप इस विशेषता को अपनी पसंद के तत्व पर लागू कर सकते हैं; हालांकि, पूरे पेज का बैकग्राउंड कलर सेट करने के लिए, स्टाइल एट्रिब्यूट बॉडी टैग में होना चाहिए। आपका एचटीएमएल कुछ इस तरह दिख सकता है:
<!DOCTYPE html>
<html>
<head>
</head>
<body style="background-color:orange;">
<h1>This is our header.</h1>
<p>This is our text.</p>
</body>
</html>
यह कोड हमें नारंगी रंग की पृष्ठभूमि वाला एक HTML पृष्ठ देता है।
अतिरिक्त वेब कलर सिस्टम लागू करना
जब आप HTML में अपने रंग का चयन कर रहे होते हैं, तो शैली विशेषता हेक्स कोड, HTML रंग नाम, RGB (A) रंग मान और HSL रंग मान स्वीकार करती है। आरजीबी रंगों और एचएसएल रंगों के मामले में, रंग प्रणालियों को पृष्ठभूमि-रंग घोषणा में शामिल किया जाना चाहिए।
प्रत्येक रंग प्रणाली को प्रारूपित करने के उदाहरण नीचे सूचीबद्ध हैं:
हेक्स कोड
<body style="background-color:#fbbd0e;"> </body>
HTML रंग का नाम
<body style="background-color:orange;"> </body>
RGB रंग मान
81% प्रतिभागियों ने कहा कि बूटकैंप में भाग लेने के बाद उन्हें अपनी तकनीकी नौकरी की संभावनाओं के बारे में अधिक आत्मविश्वास महसूस हुआ। आज ही एक बूटकैंप से मिलान करें।
बूटकैंप शुरू करने से लेकर अपनी पहली नौकरी खोजने तक, औसत बूटकैंप ग्रेड ने करियर संक्रमण में छह महीने से भी कम समय बिताया।
<body style="background-color:rgb(251,189,14);"> </body>
RGBA रंग मान
<body style="background-color:rgba(251,189,14,0.5);"> </body>
एचएसएल रंग मान
<body style="background-color:hsl(44, 96%, 51%);"> </body>
HSLA रंग मान
<body style="background-color:hsla(44, 96%, 51%, 0.5);"> </body>
एक बात ध्यान देने योग्य है:यदि पृष्ठभूमि रंग सेट करने के लिए इस पद्धति का उपयोग कर रहे हैं, लेकिन बाद में एक बाहरी सीएसएस फ़ाइल लिखें, तो सुनिश्चित करें कि शैली विशेषता और पृष्ठभूमि-रंग संपत्ति को अपने HTML से हटा दें ताकि एक शैली को दूसरे को अधिलेखित करने से रोका जा सके।
निष्कर्ष
इस लेख में, हमने चर्चा की कि HTML के साथ पृष्ठभूमि का रंग कैसे बदला जाए। यदि आप HTML में नए हैं, तो यहां हमारी मार्गदर्शिका देखें:HTML सीखें:हाइपरटेक्स्ट मार्कअप भाषा सीखने के लिए एक मार्गदर्शिका, या हमारा लेख पढ़ें HTML सीखने में कितना समय लगता है?