एचटीएमएल पृष्ठभूमि

अच्छा पृष्ठभूमि साइट को विशेष रूप से दिखाता है。

उदाहरण

अच्छे पृष्ठभूमि और रंग
एक अच्छे पृष्ठभूमि और लिखाई रंग का उदाहरण, जो पृष्ठ में लिखाई को पढ़ने में आसान करता है。
बदले पृष्ठभूमि और रंग
एक बदले पृष्ठभूमि और लिखाई रंग का उदाहरण, जो पृष्ठ में लिखाई को पढ़ने में मुश्किल करता है。

इस पृष्ठ के नीचे अधिक उदाहरण पाएजायें。)

पृष्ठभूमि (Backgrounds)

<body> दो विन्यास पृष्ठभूमि के टैग है। पृष्ठभूमि रंग या छवि हो सकता है。

पृष्ठभूमि रंग (Bgcolor)

पृष्ठभूमि रंग गुण को पृष्ठभूमि को किसी रंग को सेट करता है। गुणवली के रूप में हेक्साडेसिमल संख्या, RGB मूल्य या रंग नाम हो सकती है。

<body bgcolor="#000000">
<body bgcolor="rgb(0,0,0)">
<body bgcolor="black">

इसके सभी कोड पृष्ठभूमि रंग को काला रंग में सेट करते हैं

पृष्ठभूमि (Background)

पृष्ठभूमि गुण पृष्ठभूमि को इमेज के रूप में सेट करते हैं।गुण का मान इमेज के URL है।यदि इमेज का आकार ब्राउज़र विंडो से कम है, तो इमेज ब्राउज़र विंडो के पूरे क्षेत्र में प्रतिलिपी कर दिया जाएगा

<body background="clouds.gif">
<body background="http://www.codew3c.com/clouds.gif">

URL आपके पास रिलेटिव पत्ता हो सकता है, जैसे पहली पंक्ति के कोड।या यह आबादीय पत्ता हो सकता है, जैसे दूसरी पंक्ति के कोड

टिप्पणी:यदि आप पृष्ठभूमि चित्र का उपयोग करने की इच्छा रखते हैं, तो आपको कुछ बातें याद रखनी चाहिए:

  • पृष्ठभूमि चित्र ने पृष्ठ के लोड काल को बढ़ा दिया है।टिप्पणी: इमेज फ़ाइल 10k से अधिक नहीं होनी चाहिए
  • पृष्ठ में अन्य चित्रों के साथ पृष्ठभूमि चित्र का साथ-साथ देखने में अच्छा लगता है क्या?
  • पृष्ठ में लिखाई रंग के साथ पृष्ठभूमि चित्र का साथ-साथ देखने में अच्छा लगता है क्या?
  • चित्र पृष्ठ में टुकड़े किए बाद देखने में अच्छा लगता है क्या?
  • पृष्ठभूमि चित्र ने लिखाई पर ध्यान छीन लिया है क्या?

बुनियादी उपदेश - उपयोगी टिप्पणीयाँ:

<body> टैग में पृष्ठभूमि रंग (bgcolor)、पृष्ठभूमि (background) और लिखाई (text) गुण नवीनतम HTML मानक (HTML4 और XHTML) में अबैक्ट बन गए हैं।W3C अपने सिफारिश मानकों में इन गुणों को हटा दिया है

HTML एलीमेंट के लेआउट और दिखावे गुणों को परिभाषित करने के लिए क्रॉस शैली तालिका (CSS) का उपयोग करना चाहिए

और अधिक उदाहरण

उपयोगिता अच्छी पृष्ठभूमि चित्र
पृष्ठभूमि चित्र और लिखाई रंग के उदाहरण जिससे पृष्ठ के लिखाई को पढ़ना आसान होता है
उपयोगिता अच्छी पृष्ठभूमि चित्र 2
एक अन्य पृष्ठभूमि चित्र और लिखाई रंग के उदाहरण जिससे पृष्ठ के लिखाई को पढ़ना आसान होता है
उपयोगिता खराब पृष्ठभूमि चित्र
पृष्ठ के पृष्ठभूमि चित्र और लिखाई रंग की वजह से पृष्ठ के लिखाई को पढ़ना मुश्किल होता है ऐसा उदाहरण