HTML में टेक्स्ट रंग कैसे बदलें (चित्रों के साथ)

जबकि आप HTML में टैग का उपयोग करके टेक्स्ट रंग बदल सकते हैं, यह विधि अब HTML5 में समर्थित नहीं है. इसके बजाए, आप अपने पृष्ठ पर विभिन्न तत्वों में टेक्स्ट दिखाई देने वाले रंग को परिभाषित करने के लिए मूल सीएसएस का उपयोग करेंगे. सीएसएस का उपयोग यह सुनिश्चित करेगा कि आपका वेब पेज हर संभव ब्राउज़र के साथ संगत है.

कदम

2 का विधि 1:

सीएसएस का उपयोग करना

1. अपनी HTML फ़ाइल खोलें. अपने पाठ का रंग बदलने का सबसे अच्छा तरीका सीएसएस का उपयोग करके है. पुरानी HTML विशेषता अब HTML5 में समर्थित नहीं है. पसंदीदा विधि आपके तत्वों की शैली को परिभाषित करने के लिए सीएसएस का उपयोग करना है.

यह विधि बाहरी स्टाइलशीट (अलग सीएसएस फाइलों) के साथ भी काम करेगी. नीचे दिए गए उदाहरण एक आंतरिक स्टाइलशीट का उपयोग कर HTML फ़ाइल के लिए हैं.

2. अपने कर्सर को टैग के अंदर रखें. यदि आप आंतरिक स्टाइलशीट का उपयोग कर रहे हैं तो आप इस टैग के अंदर अपनी शैलियों को परिभाषित करेंगे.

3. एक आंतरिक स्टाइलशीट बनाने के लिए टाइप करें. जब टैग टैग में होता है, तो टैग के अंदर सीएसएस उस पृष्ठ पर किसी भी लागू तत्व पर लागू किया जाएगा. जब आप समाप्त कर लें, तो आपकी HTML फ़ाइल की शुरुआत इस तरह दिखनी चाहिए:

<एचटीएमएल><सिर><अंदाज>अंदाज>सिर>

4. उस तत्व को टाइप करें जिसे आप टेक्स्ट रंग बदलना चाहते हैं. आप अपने पृष्ठ पर विभिन्न तत्वों को परिभाषित करने के लिए अनुभाग का उपयोग करेंगे. तो उदाहरण के लिए, अपने पृष्ठ पर सभी बॉडी टेक्स्ट की शैली को बदलने के लिए, निम्न टाइप करें:

<एचटीएमएल><सिर><अंदाज>शारीरिक अंदाज>सिर>

5. लिखें रंग: तत्व चयनकर्ता में विशेषता. रंग: विशेषता पृष्ठ को बताएगी कि उस तत्व के लिए किस पाठ का उपयोग किया जाए. इस उदाहरण में, यह सभी बॉडी टेक्स्ट के टेक्स्ट रंग को बदल देगा, जो आपके पृष्ठ पर सभी टेक्स्ट के लिए डिफ़ॉल्ट तत्व है:

<एचटीएमएल><सिर><अंदाज>शरीर {रंग:} शैली>सिर>

6. पाठ के लिए एक रंग में टाइप करें. आपके रंग में प्रवेश करने के तीन तरीके हैं: नाम, हेक्स मान, या आरजीबी मूल्य. उदाहरण के लिए, रंग नीले रंग के लिए आप टाइप कर सकते हैं नीला, आरजीबी (0, 0, 255), या # 0000FF.

<एचटीएमएल><सिर><अंदाज>शरीर {रंग: लाल-} शैली>सिर>

7. विभिन्न तत्वों के रंग को बदलने के लिए अन्य चयनकर्ताओं को जोड़ें. आप पृष्ठ के विभिन्न हिस्सों के लिए अपने पाठ के रंग को बदलने के लिए विभिन्न चयनकर्ताओं का उपयोग कर सकते हैं:

<एचटीएमएल><सिर><अंदाज>शरीर {रंग: लाल-} एच 1 {रंग: # 00FF00-} पी {रंग: आरजीबी (0,0,255)} शैली>सिर><तन><एच 1>यह हेडर हरा होगा.एच 1><पी>यह पैराग्राफ नीला होगा.पी>यह शरीर पाठ लाल होगा.तन>एचटीएमएल>

8. एक तत्व बदलने के बजाय एक सीएसएस वर्ग को परिभाषित करें. आप एक कक्षा को परिभाषित कर सकते हैं और फिर इसे किसी भी तत्व पर लागू कर सकते हैं जिसे आप पूरे पृष्ठ को क्लास स्टाइल जोड़ने के लिए चाहते हैं. उदाहरण के लिए, निम्न फ़ाइल में ".रेडटेक्स्ट" कक्षा किसी भी तत्व को लाल पाठ का उपयोग करने के लिए लागू करेगी:

<एचटीएमएल><सिर><अंदाज>.Redtext {रंग: लाल-} शैली>सिर><तन><एच 1 वर्ग ="रेडटेक्स्ट">यह शीर्षक Redh1 होगा><पी>यह अनुच्छेद सामान्य होगा.पी><पी वर्ग ="रेडटेक्स्ट">यह अनुच्छेद redp होगा>तन>एचटीएमएल>

2 का विधि 2:

इनलाइन शैली विशेषताओं का उपयोग करना

1. अपनी HTML फ़ाइल खोलें. आप अपने पृष्ठ पर एक तत्व की शैली को बदलने के लिए इनलाइन शैली विशेषताओं का उपयोग कर सकते हैं. यह शैली में एक या दो त्वरित परिवर्तनों के लिए उपयोगी हो सकता है, लेकिन व्यापक उपयोग के लिए अनुशंसित नहीं है. व्यापक शैली में परिवर्तन के लिए, पिछली विधि का उपयोग करें.

2. उस फ़ाइल में तत्व का पता लगाएं जिसे आप बदलना चाहते हैं. आप अपने किसी भी तत्व के टेक्स्ट रंग को बदलने के लिए इनलाइन स्टाइल विशेषताओं का उपयोग कर सकते हैं. उदाहरण के लिए, यदि आप किसी विशिष्ट शीर्षलेख के टेक्स्ट रंग को बदलना चाहते हैं, तो इसे अपनी फ़ाइल में ढूंढें:

<एचटीएमएल><तन><एच 1>यह वह शीर्षलेख है जिसे आप बदलना चाहते हैं>तन>एचटीएमएल>

3. तत्व में शैली विशेषता जोड़ें. प्रकार शैली ="" उस तत्व के लिए उद्घाटन टैग के अंदर जिसे आप बदलना चाहते हैं:

<एचटीएमएल><तन><एच 1 शैली ="">यह वह शीर्षलेख है जिसे आप बदलना चाहते हैं>तन>एचटीएमएल>

4. लिखें रंग: अंदर विशेषता "". उदाहरण के लिए:

<एचटीएमएल><तन><एच 1 शैली ="रंग:">यह वह शीर्षलेख है जिसे आप बदलना चाहते हैं>तन>एचटीएमएल>

5. उस रंग को टाइप करें जिसे आप टेक्स्ट को बदलना चाहते हैं. तीन तरीके हैं जो आप एक रंग व्यक्त कर सकते हैं. आप रंग का नाम टाइप कर सकते हैं, आप आरजीबी मान दर्ज कर सकते हैं, या आप हेक्स मान दर्ज कर सकते हैं. उदाहरण के लिए, रंग को पीले रंग में बदलने के लिए, आप टाइप कर सकते हैं पीला-, आरजीबी (255,255,0)-, या # Ffff00-:

<एचटीएमएल><तन><एच 1 शैली ="रंग: # ffff00-">यह हेडर अब येलोह 1 है>तन>एचटीएमएल>

टिप्स

आप समर्थित रंग नामों और उनके हेक्स मूल्यों की एक सूची देख सकते हैं http: // W3schools.कॉम / रंग / color_names.एएसपी

सामाजिक नेटवर्क पर साझा करें: