यदि वेबसाइट विज़िटर के ब्राउज़र को पृष्ठ कोड में हाइपरलिंक्स के रंग डिज़ाइन का कोई संकेत नहीं मिलता है, तो यह डिफ़ॉल्ट मानों का उपयोग करता है। ये मान निष्क्रिय लिंक के लिए नीले, सक्रिय (होवर पर) लिंक के लिए लाल, और पहले से देखे गए लिंक के लिए मैजेंटा रंग टिंट हैं। यह रंग योजना हमेशा पृष्ठ डिज़ाइन की रंग योजना के साथ संयुक्त नहीं होती है, इसलिए, लिंक शैली विवरण का एक ब्लॉक आमतौर पर कोड में शामिल होता है।
निर्देश
चरण 1
ब्राउज़र के लिए निर्देशों का एक सेट बनाएं जो तीन राज्यों में लिंक रंगों का वर्णन करेगा। उदाहरण के लिए, यह इस तरह दिख सकता है: a: लिंक {रंग: लाल;}
ए: विज़िट किया गया {रंग: पीला;}
ए: होवर {रंग: नारंगी;} यहां प्रत्येक पंक्ति की शुरुआत में "ए" को "चयनकर्ता" कहा जाता है और वह टैग निर्दिष्ट करता है जिस पर ब्राउज़र को घुंघराले ब्रेसिज़ में संलग्न शैली विवरण लागू करना चाहिए। "ए" हाइपरलिंक टैग है। एक बृहदान्त्र द्वारा अलग किए गए चयनकर्ता में जोड़े गए शब्द को "छद्म-वर्ग" कहा जाता है - ब्राउज़र यह निर्धारित करने के लिए उपयोग करता है कि घुंघराले ब्रेसिज़ में शैली किस लिंक स्थिति से संबंधित है। लिंक एक नियमित लिंक से मेल खाता है, उस लिंक पर गया है जो पहले ही देखा जा चुका है, और जब कर्सर उस पर होवर कर रहा हो तो एक लिंक होवर करें। घुंघराले ब्रेसिज़ के अंदर रंग पैरामीटर को निर्दिष्ट रंग या तो रंग छाया के नाम से या उसके हेक्साडेसिमल कोड द्वारा निर्दिष्ट किए जा सकते हैं।
चरण 2
यदि आपको पृष्ठ पर लिंक के विभिन्न समूहों के लिए अलग-अलग रंग निर्दिष्ट करने की आवश्यकता है, तो प्रत्येक समूह को अपना स्वयं का पदनाम ("वर्ग") असाइन करें और उनमें से प्रत्येक के लिए शैलियों का एक अलग विवरण बनाएं। उदाहरण के लिए, एक समूह का नाम LinksRed और दूसरे का LinksGreen है। तब शैली विवरण इस तरह दिखेगा: a. LinksRed: लिंक {रंग: लाल;}
a. LinksRed: विज़िट किया गया {रंग: पीला;}
a. LinksRed: होवर {color: Orange;} a. LinksGreen: link {color: Green;}
ए.लिंक्सग्रीन: विज़िट किया गया {रंग: डार्कग्रीन;}
ए.लिंक्सग्रीन: होवर {रंग: लाइम;} और प्रत्येक समूह के लिंक के टैग में, आपको यह बताना होगा कि वे किस वर्ग से संबंधित हैं। उदाहरण के लिए: लाल लिंक
हरा लिंक
चरण 3
ये निर्देश CSS (कैस्केडिंग स्टाइल शीट्स) में लिखे गए हैं, इसलिए उन्हें एक स्टाइल टैग के अंदर रखने की आवश्यकता है जो उन्हें पेज के सोर्स कोड में अन्य निर्देशों से अलग करता है, जो HTML (हाइपरटेक्स्ट मार्कअप लैंग्वेज) में लिखा गया है:
a. LinksRed: लिंक {रंग: लाल;}
a. LinksRed: विज़िट किया गया {रंग: पीला;}
a. LinksRed: होवर {color: Orange;} a. LinksGreen: link {color: Green;}
ए.लिंक्सग्रीन: विज़िट किया गया {रंग: डार्कग्रीन;}
ए.लिंक्सग्रीन: होवर {रंग: लाइम;}
चरण 4
तैयार लिंक शैली विवरण ब्लॉक को पृष्ठ स्रोत कोड के शीर्ष लेख भाग में रखें - यह और टैग द्वारा सीमांकित है।
