CSS इस्तेमाल करना (Using CSS) इनलाइन स्टाइल एट्रीब्यूट (Inline Style Attributes) इस्तेमाल करना
CSS इस्तेमाल करना, आपके टेक्स्ट का कलर बदलने का सबसे अच्छा तरीका है। पुराने HTML <font> एट्रीब्यूट (attribute) अब HTML5 पर सपोर्ट नहीं होते। आपके एलिमेंट्स के लिए स्टाइल परिभाषित करने के लिए CSS इस्तेमाल करना उचित है। ये विधि एक्सटर्नल स्टाइल शीट्स (external stylesheets (CSS फाइल्स से अलग)) के साथ भी काम करती है: नीचे दिया गये उदाहरण, इंटरनल स्टाइलशीट (internal stylesheet) का इस्तेमाल करते हुए HTML फाइल तैयार करने के लिए हैं। अब यदि आप इंटरनल स्टाइलशीट इस्तेमाल कर रहे हैं, तो आप आपकी स्टाइल को इन टैग्स के बीच में परिभाषित करेंगे। जब भी <style> टैग, <head> टैग के अंदर होता है, CSS, <style> टैग के अंदर उस पेज पर लागू होने वाले सारे एलिमेंट को स्टाइल करता है। अब जब आप ऐसा कर लें, तो आपकी HTML फाइल की शुरुआत कुछ इस तरह की नजर आनी चाहिए:  <!DOCTYPE html> <html> <head> <style>  </style> </head> आप आपके पेज पर मौजूद अलग-अलग तरह के एलिमेंट के प्रदर्शन को परिभाषित करने के लिए <style> भाग का इस्तेमाल करेंगे। उदाहरण के लिए, आपके पेज के सारे बॉडी टेक्स्ट की स्टाइल बदलने के लिए ऐसा लिखें:  <!DOCTYPE html> <html> <head> <style> body {  } </style> </head> लिखें: अब color: एट्रीब्यूट आपके पेज को ये बताएगा कि उस एलिमेंट में किस रंग को इस्तेमाल करना है। इस उदाहरण में, ये आपके पूरे के पूरे बॉडी टेक्स्ट को बदल देगा जो कि आपके पेज पर मौजूद सारे टेक्स्ट के लिए डिफ़ॉल्ट एलिमेंट है:  <!DOCTYPE html> <html> <head> <style> body { 	color: } </style> </head> यहाँ पर आप तीन तरीके से कलर एंटर कर सकते हैं: एक तो कलर का नाम, दूसरा कलर की हेक्स वैल्यू (hex value) और तीसरा आरजीबी (RGB) वैल्यू। जैसे कि, नीले रंग के लिए आप blue, rgb(0, 0, 255) या #0000FF लिख सकते हैं।  <!DOCTYPE html> <html> <head> <style> body { 	color: red; } </style> </head> आप पेज के अलग-अलग भाग पर टेक्स्ट का कलर बदलने के लिए, अलग-अलग सिलेक्टर का इस्तेमाल कर सकते हैं:  <!DOCTYPE html> <html> <head> <style> body { 	color: red; } h1 { 	color: #00FF00; } p { 	color: rgb(0,0,255) } </style> </head> <body>  <h1>ये हैडर हरे रंग का होगा।</h1>  <p>ये पैराग्राफ नीले रंग का होगा।</p>  इस बॉडी का टेक्स्ट लाल होगा। </body> </html> आप चाहें तो पहले एक क्लास परिभाषित कर सकते हैं, फिर आप पेज पर मौजूद जिन भी एलिमेंट पर चाहें, इस क्लास स्टाइल को चुटकी में लागू कर सकते हैं। जैसे कि, दी गई फाइल में, जो ".redtext" क्लास है, वो अब किसी भी एलिमेंट पर लाल रंग के टेक्स्ट को लागू कर सकती है:  <!DOCTYPE html> <html> <head> <style> .redtext { 	color: red; } </style> </head> <body>  <h1 class="redtext">ये शीर्षक लाल रंग का होगा।</h1> <p>ये पैराग्राफ सामान्य रहेगा।</p> <p class="redtext">ये पैराग्राफ लाल रंग का होगा।</p>  </body> </html> आप इनलाइन स्टाइल एट्रीब्यूट का इस्तेमाल, आपके पेज पर मौजूद किसी एक एलिमेंट के कलर को बदलने के लिए कर सकते हैं। हालाँकि, ये स्टाइल में कुछ एक या दो बदलाव करने तक ही उपयोगी साबित होते हैं, इन्हें इससे ज्यादा विस्तृत रूप से इस्तेमाल करने की सलाह नहीं दी जाती है। विस्तृत रूप से स्टाइल बदलने के लिए, इससे पहले वाली विधि का इस्तेमाल कीजिये। आप चाहें तो आपके किसी भी एलिमेंट के टेक्स्ट कलर को बदलने के लिए इनलाइन एट्रीब्यूट का इस्तेमाल कर सकते हैं। उदाहरण के लिए, यदि आप किसी विशेष हैडर (header) के टेक्स्ट कलर को बदलना चाहते हैं, तो उसे आपकी फाइल में खोज लीजिये:  <!DOCTYPE html> <html> <body>  <h1>यही वो हैडर है, आप जिसमें बदलाव करना चाहते हैं।</h1>  </body> </html> आप जिस एलिमेंट में बदलाव करना चाहते हैं, उस के खुलने वाले टैग के अंदर style="" लिखें:  <!DOCTYPE html> <html> <body>  <h1 style="">यही वो हैडर है, आप जिसमें बदलाव करना चाहते हैं।</h1>  </body> </html> एट्रीब्यूट लिखें। उदाहरण के लिए:  <!DOCTYPE html> <html> <body>  <h1 style="color:">यही वो हैडर है, आप जिसमें बदलाव करना चाहते हैं।</h1>  </body> </html> कलर को लिखने के तीन तरीके मौजूद हैं। एक तो कलर का नाम लिख सकते हैं, चाहें तो कलर की हेक्स वैल्यू (hex value) एंटर कर सकते हैं या फिर कलर की आरजीबी (RGB) वैल्यू एंट कर सकते हैं। उदाहरण के लिए, पीला कलर बदलने के लिए, आप yellow;, rgb(255,255,0); या #FFFF00; लिख सकते हैं:  <!DOCTYPE html> <html> <body>  <h1 style="color:#FFFF00;">ये हैडर आप पीले कलर का है।</h1>  </body> </html>
आपकी HTML फाइल खोलें: आपके कर्सर को <head> टैग के बीच में रखें: इंटरनल स्टाइल शीट तैयार करने के लिए <style> लिखें: उस एलिमेंट को लिखें, आप जिसका कलर बदलना चाहते हैं: एलिमेंट सिलेक्टर में color: एट्रीब्यूट आप टेक्स्ट के लिए जो भी कलर इस्तेमाल करना चाहते हैं, उसे लिखें: अलग-अलग एलिमेंट के कलर बदलने के लिए, एक अन्य सिलेक्टर (Selector) एड करें: किसी एलिमेंट को बदलने के बजाय CSS क्लास को परिभाषित करें: आपकी HTML फाइल को खोलें: आपकी फाइल से उस एलिमेंट को पाइए, जिसे आप बदलना चाहते हैं: एलिमेंट में स्टाइल एट्रीब्यूट एड करें: "" के अंदर color: आप जिस कलर को टेक्स्ट पर लागू करना चाहते हैं, उसे लिखें:
https://www.wikihow.com/Change-Text-Color-in-HTML https://www.wikihow.com/Change-Text-Color-in-HTML
Using CSS Using Inline Style Attributes