Computer >> कंप्यूटर >  >> प्रोग्रामिंग >> HTML

HTML रंग शैलियाँ

<घंटा/>

आपकी वेबसाइट को अच्छा लुक और फील देने के लिए रंग बहुत महत्वपूर्ण हैं।

हेक्स कोड (हेक्साडेसिमल रंग प्रतिनिधित्व)

एक हेक्साडेसिमल एक रंग का 6 अंकों का प्रतिनिधित्व है। पहले दो अंक (RR) एक लाल मान का प्रतिनिधित्व करते हैं, अगले दो एक हरे रंग के मान (GG) हैं, और अंतिम नीले मान (BB) हैं।

एडोब फोटोशॉप जैसे किसी भी ग्राफिक्स सॉफ्टवेयर से एक हेक्साडेसिमल मान लिया जा सकता है। प्रत्येक हेक्साडेसिमल कोड के आगे पाउंड या हैश चिह्न # होगा। हेक्साडेसिमल संकेतन का उपयोग करते हुए कुछ रंगों की सूची निम्नलिखित है। हेक्साडेसिमल रंगों के कुछ उदाहरण निम्नलिखित हैं -

HTML रंग शैलियाँ

आइए रंगों का प्रतिनिधित्व करने के लिए HTML में हेक्स शैली को लागू करने के लिए एक उदाहरण देखें -

उदाहरण

  <सिर> <शैली> टेबल, वें, टीडी { बॉर्डर:2px सॉलिड ब्लैक; }

परिणाम

Id नाम प्रतिशत रैंक
009 टॉम 98 1
011 कीरोन 97 2
039 गेल 95 3
017 शॉन 92 4
009 केन 91 5
025 स्टीव 87 6
013 जैक 85 7
023 टिम 84 8

आउटपुट

HTML रंग शैलियाँ

RGB रंग मान

RGB रंग मान rgb() गुण का उपयोग करके निर्दिष्ट किया जाता है। यह गुण लाल, हरे और नीले रंग के लिए तीन मान लेता है। मान 0 और 255 या प्रतिशत के बीच एक पूर्णांक हो सकता है।

RGB द्वारा दर्शाए गए कुछ रंग निम्नलिखित हैं -

HTML रंग शैलियाँ

आइए रंगों का प्रतिनिधित्व करने के लिए HTML में RGB शैली को लागू करने के लिए एक उदाहरण देखें -

उदाहरण

  <सिर> <शैली> टेबल, वें, टीडी { बॉर्डर:2px सॉलिड ब्लैक; }

परिणाम

Id Name प्रतिशत रैंक
009 टॉम 98 1
011 कीरोन 97 2
039 गेल 95 3
017 शॉन 92 4
009 केन 91 5
025 स्टीव 87 6
013 जैक 85 7
023 टिम 84 8

आउटपुट

HTML रंग शैलियाँ

HSL रंग मान

HTML के साथ, आप HUE यानि 'H' का अर्थ रंग, 'S' का अर्थ संतृप्ति और 'L' का अर्थ हल्कापन भी सेट कर सकते हैं।

आइए रंगों का प्रतिनिधित्व करने के लिए HTML में HSL शैली को लागू करने के लिए एक उदाहरण देखें -

उदाहरण

  <सिर> <शैली> टेबल, वें, टीडी { बॉर्डर:2px सॉलिड ब्लैक; }

परिणाम

Id Name प्रतिशत रैंक
009 टॉम 98 1
011 कीरोन 97 2
039 गेल 95 3
017 शॉन 92 4
009 केन 91 5
025 स्टीव 87 6
013 जैक 85 7
023 टिम 84 8

यह निम्नलिखित आउटपुट उत्पन्न करेगा -

HTML रंग शैलियाँ



  1. HTML <th> colspan विशेषता

    एलिमेंट के कोलस्पैन एट्रिब्यूट का इस्तेमाल हेडर सेल में कॉलम की संख्या सेट करने के लिए किया जाता है। निम्नलिखित वाक्य रचना है - <th colspan="num"> ऊपर, num उन स्तंभों की संख्या है जो एक हेडर सेल को फैलाना चाहिए। आइए अब तत्व की colspan विशेषता को लागू करने के लिए एक उदाहरण देखें -

  1. एचटीएमएल <colgroup> टैग

    टैग किसी तालिका में एक या एक से अधिक स्तंभों का समूह होता है। यह सभी स्तंभों के लिए शैली निर्धारित करता है। टैग की विशेषता निम्नलिखित है - अवधि − कॉलम समूह को जितने कॉलम का विस्तार करना चाहिए, वह स्पैन एट्रिब्यूट के साथ सेट किया गया है उदाहरण आइए अब टैग - . को लागू करने के लिए एक उदाहरण देखें

  1. एचटीएमएल डोम स्टाइल खालीसेल्स संपत्ति

    HTML DOM Style emptyCells प्रॉपर्टी का उपयोग यह निर्दिष्ट करने के लिए किया जाता है कि टेबल के खाली सेल कैसे प्रदर्शित होते हैं। डिफ़ॉल्ट रूप से, यह गुण दिखाने के लिए सेट है। − . के लिए वाक्य रचना निम्नलिखित है खाली सेल गुण सेट करना - empty-cells: show|hide|initial|inherit; यहां, शो खाली कोशिकाओं