LEARN WEB DESIGNING IN HINDI

Posts

Showing posts from September, 2015

सीएसएस लिस्‍ट - Creating CSS List.

एचटीएमएल लिस्‍ट वेबडिजाइनिंग का एक अत्‍यन्‍त महत्‍वपूर्ण तत्‍व है । इसका प्रयोग विभिन्‍न प्रकार से किया जाता है । पेज का मेन्‍यू भी प्राय: लिस्‍ट के द्वारा ही बनाया जाता है । इसके अतिरिक्‍त यदि कोई लिस्‍ट तैयार करनी हो तो भी इसका प्रयोग अनिवार्यत: किया जाता है । लिस्‍ट दो प्रकार का होता है । 1 - आर्डर्ड लिस्‍ट ordered lists (<ol>) - आर्डर्ड लिस्‍ट संख्‍यात्‍मक या वर्णात्‍मक होते हैं । अर्थात् इसमें लिस्‍ट 1, 2, 3 या A, B, C प्रयुक्‍त होता है । 2 - अनआर्डर्ड लिस्‍ट unordered lists (<ul>) - अनआर्डर्ड लिस्‍ट में विभिन्‍न प्रकार की गोलियाँ (बुलेट्स) प्रयुक्‍त होती हैं । उदाहरण - 1 - आर्डर्ड लिस्‍ट ordered lists (<ol>) - <ol> <li>Text</li> <li>Text</li> <li>Text</li> <li>Text</li> <li>Text</li> <li>Text</li> </ol> परिणाम - 2 - अनआर्डर्ड लिस्‍ट unordered lists (<ul>) - <ul> <li>Text</li> <li>Text</li> <li>Text</l

सीएसएस लिंक - Styling Links with CSS.

पिछले लेख में हमने सीएसएस फान्‍ट स्‍टाइल करना सीखा । इस लेख में हम लिंक को सीएसएस द्वारा स्‍टाइल करना सीखेंगे । आमतौर पर एचटीएमएल पेज में लगाये गये लिंक नीले रंग में और अंडरलाइन होते हैं। इन लिंक्स को यदि स्‍टाइल न किया जाए तो ये थोडे भद्दे दिखाई देते हैं । किन्‍तु स्‍टाइल कोड के प्रयोग से आप इन्‍हे मनचाहा व आकर्षक बना सकते हैं । आइये लिंक को स्‍टाइल करना सीखते हैं - सबसे पहले हम एक एचटीएमएल पेज बनायेंगे जिसमें केवल लिंक लगा होगा । प्रयोग - <!doctype html> <html> <head> </head> <body> <a href="http://sjweb.in/">SJWEB</a> <a href="http://sjweb.in/">SJWEB</a> </body> </html> परिणाम - लिंक को स्‍टाइल करने के लिये अभी इतना कोड ही पर्याप्‍त है । अधिक कोड डाल देने पर पाठक भ्रमित हो सकते हैं अत: लिंक का प्रयोग अन्‍य स्‍थानों पर जैसी जिसकी आवश्‍यकता हो वैसा स्‍वयं करें और इन स्‍टाइल कोड का प्रयोग करें । यहाँ हम सीएसएस कोड का प्रयोग हेड टैग में ही करेंगे ।