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

विषय

• चरणों
• विधि 1 HTML टैग का उपयोग करें
• विधि 2 टैग में सीएसएस का उपयोग करें

HTML फॉन्ट टैग अब अप्रचलित है और पेशेवर डेवलपर्स को इसका उपयोग करने से बचना चाहिए। हालांकि यह एक व्यक्तिगत परियोजना पर फ़ॉन्ट का रंग बदलने के लिए बहुत सरल है, इस बात की कोई गारंटी नहीं है कि यह वेब ब्राउज़र अपडेट के रूप में काम करना जारी रखेगा। सर्वोत्तम परिणामों के लिए, आपको सीएसएस के साथ विधि का उपयोग करना चाहिए।

चरणों

विधि 1 HTML टैग का उपयोग करें

1. 
   

   
   फ़ॉन्ट टैग बनाएं। टैग लगाएं ई के सामने आप रंग करना चाहते हैं। इसे डालकर बंद कर दें ई के अंत में।
   • उदाहरण के लिए:
     मैं चाहता हूं कि यह नीला हो

2. 
   

   
   रंग के लिए विशेषता जोड़ें। जोड़ना रंग = "" उद्घाटन टैग के अंदर। फिर आपको उद्धरण चिह्नों में (अंग्रेजी में) अपनी पसंद का रंग डालना होगा।
   • उदाहरण के लिए:
     मैं चाहता हूं कि यह नीला हो

3. 
   

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

4. 
   

   
   
   
   इसके बजाय हेक्साडेसिमल कोड का उपयोग करें। HTML आपको लाखों रंगों में से चुनने की अनुमति देता है, लेकिन उनके लिए हमेशा नाम नहीं होते हैं। इसके बजाय, आप हेक्साडेसिमल नामक प्रणाली में छह अंकों के कोड का उपयोग करेंगे। कई वेबसाइटें हैं जो रंगों के लिए हेक्साडेसिमल कोड सूचियों की पेशकश करती हैं, या आप कोड प्राप्त करने के लिए सीधे अपनी स्क्रीन पर रंग भी चुन सकते हैं। संख्या # प्रतीक से शुरू होती है जिसके बाद छह अंक होते हैं जिसमें अंक 0 से 9 तक होते हैं और F से d अक्षर होते हैं।
   • कोड # FF0000 लाल रंग "लाल" के समान है।
   • यह कोड एक हरा रंग उत्पन्न करता है।
   • यह कोड ई को नीले रंग में बनाता है।

5. 
   

   
   RGB मूल्यों के साथ खेलते हैं। आपको यह जानने की ज़रूरत नहीं है कि हेक्साडेसिमल रंग कोड आपके द्वारा पसंद किए जाने वाले रंग को चुनने के लिए कैसे काम करता है जो आपको इंटरनेट पर मिलता है। हालांकि, यदि आप कई प्रयोग करना चाहते हैं, तो आपको मूल बातें शुरू करनी चाहिए।
   • प्रत्येक छह-अंकीय संख्या को लाल, हरे और नीले (या "लाल, हरे, नीले") के लिए "RGB" के मान में विभाजित किया गया है। उदाहरण के लिए, कोड # FF0000 का वास्तव में अर्थ है "लाल: एफएफ, हरा: 00, नीला: 00"।
   • लाल रंग की मात्रा बदलने के लिए, पहले दो अंक बदलें। आप 00 (कोई लाल नहीं) और 99 (थोड़ा लाल) के बीच और AA (थोड़ा अधिक लाल) और FF (लाल अधिकतम) के बीच एक मान का उपयोग कर सकते हैं।
   • हरे रंग का मूल्य (मध्य दो अंक) और नीला (अंतिम दो अंक) बदलने के लिए उसी प्रणाली का उपयोग करें।

6. 
   

   
   
   
   कोड को गहराई से समझें। अधिक सटीक रंग चयन प्राप्त करने के लिए, आपको दो अन्य अवधारणाओं को समझने की आवश्यकता है।
   • इन तीन मूल्यों में से प्रत्येक दो अंकों की संख्या से बना है। छोटे संपादन करने के लिए, आप दूसरा अंक बदल सकते हैं। उदाहरण के लिए: #850000 और #890000 बहुत समान हैं लेकिन # A50000 बहुत साफ है।
   • आरजीबी मूल्यों को एडिटिव रंग संश्लेषण प्रणाली के आधार पर मिलाया जाता है। लाल और हरे रंग का बना पीला, नीले और हरे रंग बनाते हैं सियान और लाल और नीले रंग बनाते हैं मैजेंटा .

विधि 2 टैग में सीएसएस का उपयोग करें

1. 
   

   
   टैग में "शैली" विशेषता डालें। यह विशेषता आपको CSS को सीधे HTML टैग में डालने की अनुमति देती है। यह रंग बदलने का एक सरल तरीका है, भले ही आप सीएसएस को नहीं जानते हों। इसे निम्नलिखित टैग में से एक में डालने का प्रयास करें:

   • p टैग ई के साथ एक पैराग्राफ घेरता है

   • टैग ने लिंक को घेर लिया है
   • प्रारूप के परिवर्तन के बिना ई के एक हिस्से का रंग बदलने के लिए स्पैन टैग का उपयोग करें

2. 
   

   
   रंग इंगित करें। सम्मिलित करें रंग: उद्धरण चिह्नों के अंदर रंग या हेक्साडेसिमल कोड के नाम के बाद। रंग नामों के बारे में अधिक जानकारी के लिए, पिछली विधि में उदाहरण देखें।
   • ई अब लाल रंग में है।
   • यहाँ गहरे जैतून हरे रंग के लिए कोड है।
   • CSS तीन अंकों वाले छोटे रंग कोड का समर्थन करता है। कोड 745 774455 का संक्षिप्त नाम है।

3. 
   

   
   CSS वर्गों का उपयोग करें। यदि आप सभी फ़ोटो या सभी अध्याय शीर्षकों पर एक ही शैली लागू करना चाहते हैं, तो आपको हर बार एक ही कोड दोहराने की आवश्यकता नहीं है। इसके बजाय, आप दस्तावेज़ के शीर्ष लेख में एक वर्ग को परिभाषित कर सकते हैं ताकि आप बाद में इसे संदर्भित कर सकें जब भी आप एक ही शैली लागू करना चाहते हैं। यहां "शैली" विशेषता के कई उपयोगों को दिखाने के लिए एक उदाहरण दिया गया है।
   • अनुभाग में अपने HTML पृष्ठ पर, निम्न कोड की प्रतिलिपि बनाएँ:
     
   • उसी दस्तावेज़ के मुख्य भाग में, विशेषता का उपयोग करें आइटम में इस शैली को जोड़ने के लिए। उदाहरण के लिए:

     यह पैराग्राफ

     एक विस्तृत कर्सिव फ़ॉन्ट के साथ गहरे हरे रंग में दिखाई देगा।
   • पता है कि आपको अपनी कक्षा को "फैंसी" कहने की ज़रूरत नहीं है, आप इसे वह नाम दे सकते हैं जिसे आप चाहते हैं।