X

Login




show

Forgot Password?
X

Enter Your Email






X

Register






 
 
Lessons
लेसन के लिए इस बटन पर क्लिक करें

Link css to html

आज हम सिखने जा रहे है CSS को HTML में कैसे यूज़ करे । आप यहाँ 3 टाइप से CSS को html के साथ यूज़ कर सकते है ।

1. Inline Style Sheet

2. Internal Style Sheet

3. External Style Sheet




1. Inline Style Sheet

इन लाइन स्टाइल देने के लिए हमें HTML टैग अंदर ही CSS स्टाइल देनी होती है .
आइये एक उदाहरण से समझते है .

HTML Code

Output




2. Internal Style Sheet

इंटरनल स्टाइल शीट देने के लिए हमें HTML के Head टैग के अंदर <style type="text/css" > में CSS स्टाइल देनी होती है .
आइये एक उदाहरण से समझते है

HTML Code

Output






3. External Style Sheet

एक्सटर्नल स्टाइल शीट देने के लिए हमें HTML के Head टैग के अंदर CSS फाइल को लिंक करना होता है .
एक्सटर्नल स्टाइल शीट कैसे बनाई जाती है आइये समझते है .

नोट : आगे आने वाले लेसन में हम एक्सटर्नल स्टाइल शीट का ही इस्तेमाल करेंगे .
अगर आप कोई वेबसाइट बनाना चाहते है तो कोशिश करे आप एक्सटर्नल स्टाइल शीट का ही उपयोग करे .
एक्सटर्नल स्टाइल शीट के लिए हमें सबसे पहले अलग से CSS फाइल बनानी होगी
CSS फाइल कैसे बनाए ?
आइये सीखते है

सबसे पहले नोटपैड या नोटपैड++ या कोई और एप्लीकेशन जिसमे आप css की फाइल बनाना चाहते है उसे ओपन करे .
अब हम यहाँ पैराग्राफ टैग की स्टाइल देंगे .


Css Code

अब जो हमने फाइल बनाई है उसे style.css नाम से सेव कर देंगे .
आप चाहे तो नाम अलग भी दे सकते है
लेकिन नाम के लास्ट में .css ( डॉट CSS ) जरूर लिखे . निचे दी गई इमेज में दिखाया गया है .

आइये अब HTML फाइल बना लेते है और एक्सटर्नल स्टाइल शीट को लिंक करते है

Html Code

Output

यहाँ हमने < head > सेक्शन में style.css फाइल को लिंक किया है
लिंक में सबसे पहले हमने rel="stylesheet" दिया है इसका मतलब हमने जो फाइल लिंक की है वह स्टाइल शीट है
और आगे type="text/css" दिया है यहाँ हम बता रहे है की हमारी फाइल का टाइप css है
आगे सबसे जरुरी है href="style.css" । यहाँ हमने यह बताया है की हमारी CSS फाइल कहा है उसका पाथ .
चुकी हमने css फाइल और html फाइल को एक ही जगह रखा है इसलिए हमने सिर्फ style.css लिखा है
अगर किसी फोल्डर में फाइल रखी हो तो उस फोल्डर का नाम भी देना होगा .
निचे दी गई इमेज में html फाइल और CSS फाइल को एक फोल्डर में रखा है आप देख सकते है




-

Next Lesson