HTML टेक्स्ट कलर टैग का उपयोग कैसे करें

लेखक: Monica Porter
निर्माण की तारीख: 21 जुलूस 2021
डेट अपडेट करें: 27 जून 2024
Anonim
HTML5 and CSS3 tutorial in Hindi - add background color, | background picture | text color
वीडियो: HTML5 and CSS3 tutorial in Hindi - add background color, | background picture | text color

विषय

यह आलेख आपको दिखाएगा कि HTML दस्तावेज़ों पर फ़ॉन्ट रंग कैसे बदलना है। हालाँकि HTML में फ़ॉन्ट टैग पुराने हैं, लेकिन आप HTML पृष्ठ के पाठ में रंग जोड़ने के लिए CSS का उपयोग कर सकते हैं। यदि आप HTML के पुराने संस्करण का उपयोग कर रहे हैं, तो आप आवश्यकतानुसार HTML फ़ॉन्ट टैग का उपयोग कर सकते हैं।

कदम

2 की विधि 1: HTML टैग्स का उपयोग करें

  1. फ़ॉन्ट टैग बनाएं। कार्ड का सेट पाठ के सामने आप रंग बदलना चाहते हैं। समापन कार्ड रखें पाठ के पीछे।
    • जैसे कि:
      यह पाठ नीला होगा।

  2. रंग विशेषताएँ जोड़ें। सम्मिलित करें रंग = "" फ़ॉन्ट खुले टैब में। आप जो रंग चाहते हैं, वह उद्धरणों में होगा।
    • उदाहरण के लिए:
      रंग = ""यह पाठ नीला होगा।

  3. एक रंग का नाम चुनें। रंग का नाम हमेशा एक शब्द होता है जिसमें कोई रिक्त स्थान नहीं होता है। "नीला" (नीला), "लाल" (लाल), या वर्णनात्मक नाम जैसे "लाइटब्लू" या "डार्कब्लू" (गहरा नीला) जैसा कुछ सरल आज़माएं। अधिक विकल्पों के लिए, पहचाने गए रंग कीवर्ड सूची को देखें, जिसमें "मैरून" (गहरा भूरा), "स्टीलब्लू" (ग्रे ग्रीन) और "लाइम" (हल्का पीला) शामिल है।
    • जैसे कि:
      यह पाठ नीला होगा।

  4. हेक्स रंग कोड का उपयोग करें। HTML आपको लाखों रंगों में से चुनने देता है, लेकिन सभी रंगों का नाम नहीं है। इसके बजाय, वे हेक्साडेसिमल में लिखे छह-वर्ण कोड का उपयोग करते हैं। वेब पर ऐसी कई वेबसाइटें हैं जो हेक्स कलर कोड्स को सूचीबद्ध करती हैं या आपको स्क्रीन पर रंग चुनने देती हैं और हेक्स मान प्रदर्शित करती हैं। यह कोड एक # चिह्न के साथ शुरू होता है और इसमें छह वर्ण होते हैं, जिनमें संख्या 0-9 या अक्षर A-F शामिल है।
    • कोड # FF0000 लाल रंग का प्रतिनिधित्व करता है।
    • यह कोड ग्रीन टेक्स्ट का निर्माण करता है।
    • यह कोड ब्लू टेक्स्ट का उत्पादन करता है।
  5. RGB मान के साथ प्रयोग। आपको यह जानने की जरूरत नहीं है कि हेक्स कलर कोडिंग कैसे काम करती है जो ऑनलाइन कलर पिकर का उपयोग करने में सक्षम है। हालाँकि, यदि आप अनुभव चाहते हैं, तो आप मूल बातें शुरू कर सकते हैं:
    • प्रत्येक छह-वर्ण कोड को लाल, हरा (हरा) और नीला ("RGB") मानों में विभाजित किया गया है। उदाहरण के लिए, कोड # FF0000 का अर्थ है "लाल: एफएफ हरा: 00 नीला: 00।"
    • लाल रंग की मात्रा बदलने के लिए, पहले दो वर्णों को बदलें। आप 00 (बिना लाल) के किसी भी मूल्य का उपयोग 99 (थोड़ा लाल) या अक्षरों एए (लाल) से एफएफ (लाल की अधिकतम राशि) तक कर सकते हैं।
    • मान को हरे (मध्य दो अंक) या नीले (अंतिम दो अंक) में बदलने के लिए उसी प्रणाली का उपयोग करें।
  6. हेक्स कलर कोडिंग की गहरी समझ। सही रंग चुनने के लिए, आपको निम्नलिखित दो अवधारणाओं को जानना होगा:
    • हर तीन रंग मान दो अंक के होते हैं। यदि आप कम समायोजन करना चाहते हैं, तो बस दूसरा अंक बदलें। उदाहरण के लिए, # 850000 और # 890000 काफी समान हैं, और # A50000 थोड़ा उज्जवल होगा।
    • संयुक्त RGB मान रंग प्रणाली प्लस के बराबर हैं। लाल और हरे पीले रंग का उत्पादन करेंगे; नीला और हरा रूप सियान; लाल और नीला एक बरगंडी रंग का उत्पादन करेगा।
    विज्ञापन

विधि 2 का 2: एक इनलाइन सीएसएस तत्व का उपयोग करें

  1. HTML टैग में शैली विशेषता सम्मिलित करें। गुण शैली = "" आपको एचएमएल दस्तावेजों में सीएसएस का उपयोग करने की अनुमति देता है। यदि आप CSS के बारे में नहीं जानते हैं तो भी फ़ॉन्ट रंग सेट करने का एक आसान तरीका यहाँ है। HTML टैग में से किसी एक के लिए शैली विशेषता सेट करने का प्रयास करें:
  2. रंग पदनाम। सम्मिलित करें रंग: उद्धरण के अंदर रंग नाम या हेक्साडेसिमल कोड के साथ। नाम और रंग कोड के बारे में अधिक जानकारी के लिए, ऊपर दी गई विधि देखें या निम्न उदाहरण आज़माएँ:
    • यह कोड लाल पाठ का गठन करता है।
    • यह कोड एक गहरे जैतून के हरे रंग का उत्पादन करता है।
    • CSS 3-अंकीय लघुकरण का समर्थन करता है। रंग कोड 745 774455 के लिए खड़ा है।
  3. आपके द्वारा अक्सर उपयोग किए जाने वाले टाइपफेस के साथ CSS कक्षाओं का उपयोग करें। यदि आप एक बड़े वेब पेज पर सामग्री के एक टुकड़े के लिए हर छवि कैप्शन या शीर्षक को स्टाइल करना चाहते हैं, तो आपको पूरे कोड को बार-बार टाइप करने की आवश्यकता नहीं है। इसके बजाय, पाठ की शुरुआत में एक सीएसएस वर्ग को परिभाषित करें, ताकि आप हर बार उस शैली का उपयोग करने के लिए कक्षा को केवल एक शॉर्टहैंड के साथ बुला सकें। यहाँ शैली विशेषता के कुछ नए उपयोगों को दिखाने वाला एक उदाहरण दिया गया है:
    • अनुभाग में HTML दस्तावेज़ में, निम्न कोड चिपकाएँ:
    • अगला, पाठ के मुख्य भाग में, इस शैली को एक तत्व के रूप में जोड़ने के लिए विशेषता का उपयोग करें। जैसे कि,

      यह पैराग्राफ

      गहरा हरा, बड़ा कर्सिव फॉन्ट।
    • ध्यान दें कि आप एक टाइपफेस का वर्णन करने के लिए "फैंसी" के बजाय किसी भी शब्द का उपयोग कर सकते हैं।
    विज्ञापन

सलाह

  • आपको अपने पृष्ठ को पढ़ने में आसान बनाने का प्रयास करना चाहिए। हल्के टेक्स्ट रंगों को सफ़ेद पर पढ़ना मुश्किल होगा, और काले रंग पर गहरे रंग को पढ़ना मुश्किल होगा।
  • पुराने कंप्यूटर 65,000 रंगों की सीमा प्रदर्शित करते हैं, जबकि पुराने कंप्यूटर 256 रंगों की सीमा प्रदर्शित करते हैं। हालाँकि, 99% से अधिक इंटरनेट उपयोगकर्ता आपके द्वारा निर्दिष्ट रंग को देख पाएंगे।

चेतावनी

  • फ़ॉन्ट तत्व XHTML 1.0 सख्त DTD मानक पर समर्थित नहीं है।