Html में लिंक का रंग कैसे बदलें

विषयसूची:

Html में लिंक का रंग कैसे बदलें
Html में लिंक का रंग कैसे बदलें

वीडियो: Html में लिंक का रंग कैसे बदलें

वीडियो: Html में लिंक का रंग कैसे बदलें
वीडियो: HTML ट्यूटोरियल 8 - हाइपरलिंक का रंग बदलना 2024, नवंबर
Anonim

HTML लिंक का रंग उपयुक्त टैग निर्देशों का उपयोग करके निर्धारित किया जाता है। आप टैग के पैरामीटर को बदलने के लिए CSS कोड का भी उपयोग कर सकते हैं, जिससे आप पृष्ठ के रंग और लेआउट को अधिक सटीक रूप से अनुकूलित कर सकते हैं।

html में लिंक का रंग कैसे बदलें
html में लिंक का रंग कैसे बदलें

एचटीएमएल

HTML फ़ाइल को किसी भी टेक्स्ट एडिटर से खोलें। ऐसा करने के लिए, फ़ाइल पर राइट-क्लिक करें और "ओपन विथ" चुनें, और फिर उपयोग करने के लिए प्रोग्राम का चयन करें।

पेज टैग पर जाएं और अतिरिक्त लिंक, vlink और alink विशेषताएँ सेट करें। लिंक पैरामीटर पृष्ठ पर एक नियमित लिंक के रंग को परिभाषित करता है और डिफ़ॉल्ट रूप से नीला होता है। alink विशेषता जोड़ने से बायाँ-क्लिक करने पर रंग बदल जाएगा (डिफ़ॉल्ट रूप से लाल)। Vlink उन लिंक के रंग को इंगित करता है जो पहले ही देखे जा चुके हैं। आप निम्नानुसार पैरामीटर सेट कर सकते हैं:

इस उदाहरण में, टैग किए गए टेक्स्ट का रंग बदलकर काला कर दिया गया है। जब माउस से क्लिक किया जाता है, तो टुकड़ा हरे रंग में हाइलाइट हो जाएगा। जब आप पेज पर दोबारा जाते हैं, तो आप देखेंगे कि लिंक ब्राउन है।

अंग्रेजी नाम निर्दिष्ट करने के बजाय, आप वांछित छाया सेट करने के लिए HTML हेक्स मानों का भी उपयोग कर सकते हैं:

सीएसएस

CSS विशेषताओं का उपयोग पृष्ठ पर रंग सेट करने के लिए किया जा सकता है। उदाहरण के लिए:

संपर्क

लिंक २

शैली विशेषता में सीएसएस रंग पैरामीटर निर्दिष्ट करके टेक्स्ट का रंग सेट किया जाता है, जिसे हेक्साडेसिमल या शब्द प्रारूप में निर्दिष्ट किया जा सकता है।

CSS का उपयोग करके पृष्ठ पर सभी लिंक के लिए रंग सेट करने के लिए, अनुभाग पर जाएँ। दस्तावेज़ में स्टाइलशीट के उपयोग की घोषणा करने के लिए एक टैग निर्दिष्ट करें, और फिर टैग के लिए विज़िट किए गए, सक्रिय और होवर पैरामीटर सेट करें। उदाहरण के लिए, कोड का एक टुकड़ा इस तरह दिख सकता है:

पृष्ठ का शीर्षक

एक {रंग: हरा; }

ए: विज़िट किया गया {रंग: ग्रे; }

ए: सक्रिय {रंग: पीला; }

ए: होवर {रंग: नारंगी; }

और लेफ्टिनेंट / हेड>

साधारण ए विशेषता पृष्ठ पर रखे गए सामान्य लिंक के रंग को इंगित करती है। ए: विज़िट पहले देखे गए लिंक के लिए शैली को परिभाषित करता है, ए: सक्रिय क्लिक करने पर हाइलाइट किया जाएगा। होवर टेक्स्ट पर होवर करने के लिए रंग विकल्प सेट करता है।

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

सिफारिश की: