लिंक एक वेब पेज की उपस्थिति को महत्वपूर्ण रूप से प्रभावित करते हैं। चाहे वह आपकी वेबसाइट हो या ब्लॉग, खूबसूरती से अनुकूलित लिंक आपकी वेबसाइट के डिजाइन को बेहतर के लिए बदल देंगे। एचटीएमएल और सीएसएस के ज्ञान के बिना भी, एक अच्छा लिंक बनाना बहुत आसान है।
अनुदेश
चरण 1
सबसे पहले, चलिए एक नियमित लिंक बनाते हैं। यह निम्नलिखित कोड का उपयोग करके किया जाता है: लिंक नाम। इस कोड में, टैग एक लिंक है। इसकी "href" विशेषता उस पृष्ठ के पते को इंगित करती है जिस पर लिंक जाता है। "लिंक शीर्षक" के बजाय एक शब्द या वाक्यांश लिखें जो लिंक का प्रतिनिधित्व करेगा
आप टेक्स्ट भी जोड़ सकते हैं जो लिंक पर क्लिक करने पर दिखाई देगा। टैग की "शीर्षक" विशेषता इसमें आपकी सहायता करेगी।
चरण दो
अब चलो लिंक करने के लिए नीचे उतरें। ऐसा करने का सबसे आसान तरीका कैस्केडिंग स्टाइल शीट (सीएसएस) है। अपनी साइट के लिए शैलियों वाली फ़ाइल खोलें और वहां आगे कोड लिखें। वैकल्पिक रूप से, आप शैलियों को सीधे html पृष्ठ में सम्मिलित कर सकते हैं। ऐसा करने के लिए, साइट शैली अनुकूलन कोड का उपयोग करें।
चरण 3
आइए डिजाइन के लिए नीचे उतरें। प्रविष्टि के लिए वाक्यविन्यास एक {शैली पैरामीटर} होगा। मुझे यहाँ क्या लिखना चाहिए?
सबसे पहले, लिंक का रंग अपनी पसंद के अनुसार बदलें। यह कोड आपको इसमें मदद करेगा:
एक {रंग: # 00000;}। बेशक, "# 00000" के बजाय आपको अपना खुद का रंग डालना होगा। आप इस रूप में विभिन्न ग्राफिक्स प्रोग्राम (उदाहरण के लिए, फ़ोटोशॉप में) में रंग कोड का पता लगा सकते हैं या एक वेब पैलेट ढूंढ सकते हैं।
चरण 4
डिफ़ॉल्ट रूप से, ब्राउज़र लिंक को रेखांकित करता है। इसे निम्नलिखित कोड से रद्द किया जा सकता है: a {text-decoration: none;}
बोल्ड लिंक बनाने के लिए, फ़ॉन्ट-वेट: बोल्ड; पैरामीटर का उपयोग करें। इसे स्टाइल कोड में उसी तरह डाला जाता है जैसे रंग, अंडरलाइन।
चरण 5
आपने शायद देखा होगा कि कुछ साइटों पर, जब आप किसी लिंक पर होवर करते हैं, तो उसका स्वरूप बदल जाता है। आप भी यह कर सकते हैं। इस तरह का एक कोड आपकी मदद करेगा: ए: होवर {स्टाइल पैरामीटर}। पैरामीटर उसी तरह निर्दिष्ट किए जाते हैं जैसे नियमित लिंक के लिए, एकमात्र मान "होवर" छद्म-वर्ग है, जो ब्राउज़र को सूचित करता है कि लिंक पर होवर करते समय इन सेटिंग्स को लागू किया जाना चाहिए।
इसी तरह, आप विज़िट किए गए लिंक को हाइलाइट कर सकते हैं: a: विज़िट किए गए {style पैरामीटर}
