HTML में टेक्स्ट का रंग कैसे बदलें

पता करने के लिए क्या

  • टैग में स्टाइल विशेषता जोड़ें: शैली = "रंग: #FFFFFF"
  • HTML में स्टाइल सेक्शन जोड़ें।
  • एक अलग CSS स्टाइलशीट बनाएं: रंग: #FFFFFF;

यह आलेख बताता है कि टेक्स्ट रंग कैसे निर्दिष्ट करें एचटीएमएल तीन अलग-अलग तरीकों का उपयोग करना। यह उन तरीकों की भी व्याख्या करता है जिनसे आप अपने टेक्स्ट के लिए इच्छित रंग निर्दिष्ट कर सकते हैं।

रंग निर्दिष्ट करने के 3 तरीके

HTML में, रंगों को कुछ तरीकों से निर्दिष्ट किया जा सकता है:

  • सबसे सरल an. का उपयोग कर रहा है अंग्रेजी रंग का नाम जैसे कि हरा या सियान. यदि आपका कार्य सीधा है, तो यह चाल चल सकती है, लेकिन ध्यान रखें कि इस संबंध में HTML की शब्दावली सीमित है।
  • एक अन्य दृष्टिकोण एक स्थापित कर रहा है आरजीबी रंग मूल्य, जहां तीन परिमाण दिए गए हैं, क्रमशः लाल, हरे और नीले रंग की समग्र रंग की तीव्रता के लिए एक-एक। मानक रंग पर छायांकन को समायोजित करने के लिए या इच्छित रंग के लिए सटीक मान का उपयोग करने के लिए RGB रंग मानों का उपयोग करें।
  • आप आपूर्ति कर सकते हैं a हेक्स रंग मूल्य, जो एक पौंड चिन्ह है जिसके बाद छः अंकों का होता है हेक्साडेसिमल संख्या. यदि आप अपने रंगों के साथ सटीक होना चाहते हैं, तो इस मार्ग पर जाएँ।
instagram viewer

प्रोग्राम जो आपको HTML रंग बदलने के लिए चाहिए

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

कोई भी वेब ब्राउज़र उस HTML फ़ाइल को प्रदर्शित कर सकता है जिसकी आप जांच करना चाहते हैं। HTML फ़ाइल वाले फ़ोल्डर में जाएँ और उस पर क्लिक करें, और आपके ब्राउज़र को इसे रेंडर करना चाहिए। यदि नहीं, तो फ़ाइल पर राइट-क्लिक करें और इसे ब्राउज़र में खोलें।

विधि 1: टेक्स्ट को कलर स्टाइलिंग के साथ टैग में लपेटें

टेक्स्ट को रंगने की सबसे सीधी तकनीक है को जोड़ना अंदाज विशेषता और वांछित मूल्य, संयुक्त रूप से शामिल हैं रंग लक्ष्य पाठ को लपेटने वाले HTML टैग के लिए कीवर्ड और रंग विनिर्देश (हेक्साडेसिमल कोड, RGB कोड या नाम)।

यदि आप किसी टैग में पहले से लिपटे टेक्स्ट को एडजस्ट करना चाहते हैं, जैसे कि पैराग्राफ टैग, तो ओपनिंग टैग पर जाएं और क्लोजिंग एंगल-ब्रैकेट से पहले निम्नलिखित डालें: a अंतरिक्ष, शब्द अंदाज, और बराबर चिह्न और फिर, सभी उद्धरणों के एक सेट के अंदर, रंग कीवर्ड, पेट, अंतरिक्ष और रंग विनिर्देश जो आप चाहते हैं।

HTML के साथ कोड संपादक और बाईं ओर हाइलाइट किए गए अनुभाग और दाईं ओर एक HTML पूर्वावलोकन और हाइलाइट किए गए परिणाम

यदि आप जिस टेक्स्ट में बदलाव कर रहे हैं, वह टैग के बीच में नहीं है—हो सकता है कि आप केवल कुछ टेक्स्ट को एडजस्ट करना चाहते हों तत्व - इसे स्पैन टैग में लपेटें और ऊपर के रूप में रंग मान कीवर्ड और विनिर्देश के साथ शैली विशेषता जोड़ें।

HTML के साथ कोड संपादक और बाईं ओर हाइलाइट किए गए अनुभाग और दाईं ओर एक HTML पूर्वावलोकन और हाइलाइट किए गए परिणाम

विधि 2: HTML दस्तावेज़ शीर्षलेख में शैली अनुभाग जोड़ें

में।

यहां HTML टैग नाम वही हैं जो इसमें निर्दिष्ट हैं

खंड लेकिन कोण कोष्ठक के बिना। उदाहरण के लिए,.

के तहत निर्दिष्ट किया गया है।

HTML के साथ कोड संपादक और बाईं ओर हाइलाइट किए गए अनुभाग और दाईं ओर एक HTML पूर्वावलोकन और हाइलाइट किए गए परिणाम

हालाँकि, आप HTML को कक्षा के अनुसार भी स्टाइल कर सकते हैं, जो एक लेबल की तरह है जो कि टैग के चुनिंदा उदाहरणों पर लागू होता है

अनुभाग। उदाहरण के लिए, यदि आप केवल एक विशेष चाहते हैं।

रंगीन होने के लिए टैग, कस्टम अवधि-प्रीपेन्ड नाम के साथ एक वर्ग बनाएं।

HTML के साथ कोड संपादक और बाईं ओर हाइलाइट किए गए अनुभाग और दाईं ओर एक HTML पूर्वावलोकन और हाइलाइट किए गए परिणाम

विधि 3: एक अलग सीएसएस दस्तावेज़ बनाएं और लिंक करें

टेक्स्ट का रंग और अन्य शैलियों की एक अनंत श्रेणी सेट करने का सबसे व्यवस्थित तरीका एक अलग बनाना है सीएसएस स्टाइलशीट और इसे HTML दस्तावेज़ में लिंक करें।

अपनी शैलियों को रखें, जैसा कि आप ए में स्वरूपित करते हैं।

HTML के साथ कोड संपादक और बाईं ओर हाइलाइट किए गए अनुभाग और दाईं ओर एक HTML पूर्वावलोकन और हाइलाइट किए गए परिणाम, और नीचे हाइलाइट किए गए अनुभागों के साथ एक CSS संपादन पैनल