HTML for Kids · पाठ

इनलाइन शैलियाँ

HTML में सीधे अपने तत्वों का रूप बदलें

पाठ 1, कुल 4 में से10 चरण

इनलाइन शैलियाँ, CoddyKit पर HTML for Kids का एक निःशुल्क पाठ है। यह 4 में से 1वाँ पाठ है। आप नीचे पूरा पाठ निःशुल्क पढ़ सकते हैं—फिर अंतर्निहित कोड संपादक और 24/7 एआई ट्यूटर के साथ ब्राउज़र में इसका व्यावहारिक अभ्यास कर सकते हैं। यह HTML for Kids सीखने के मार्ग का हिस्सा है और आपकी प्रगति वेब तथा CoddyKit ऐप पर सिंक होती रहती है। HTML for Kids पाठ्यक्रम में कुल 4 पाठ शामिल हैं।

इनलाइन स्टाइल: अपने HTML में सरल सज्जा जोड़ना

इनलाइन स्टाइल के पाठ में आपका स्वागत है! आज आप style एट्रिब्यूट का उपयोग करके सीधे अपने HTML में एलिमेंट को सजाना सीखेंगे।

इनलाइन स्टाइल क्या हैं?

इनलाइन स्टाइल आपको style एट्रिब्यूट का उपयोग करके सीधे किसी HTML टैग में CSS जोड़ने देते हैं। अपने पेज को सजाने का यह सबसे सरल तरीका है।

उदाहरण:

<p style="color: red;">This is red text!</p>

color: red; टेक्स्ट का रंग लाल कर देता है।

style एट्रिब्यूट का उपयोग

इनलाइन स्टाइल क्या हैं?

उदाहरण:

<p style="color: red;">This is red text!</p>

color: red; टेक्स्ट का रंग लाल कर देता है।

<p style="color: red;">This is red text.</p>

फ़ॉन्ट का आकार बदलना

अपने टेक्स्ट का आकार बदलने के लिए font-size प्रॉपर्टी का उपयोग करें।

उदाहरण:

<p style="font-size: 24px;">This text is 24 pixels large.</p>

पृष्ठभूमि का रंग जोड़ना

आप background-color प्रॉपर्टी का उपयोग करके अपने एलिमेंट को उभरकर दिखा सकते हैं।

उदाहरण:

<p style="background-color: yellow;">This text has a yellow background.</p>

कई स्टाइल को संयोजित करना

इनलाइन स्टाइल आपको कई CSS प्रॉपर्टी को संयोजित करने देते हैं। हर प्रॉपर्टी को सेमीकोलन ; से अलग करें।

उदाहरण:

<p style="color: white; background-color: black; font-size: 18px;">
  This text has multiple styles!
</p>

अन्य एलिमेंट को सजाना

इनलाइन स्टाइल सभी HTML एलिमेंट के साथ काम करते हैं, जैसे शीर्षक, बटन और चित्र।

उदाहरण:

<h1 style="color: green;">Styled Heading</h1>
<button style="background-color: coral; color: white; padding: 10px;">
  Styled Button
</button>

स्वयं आज़माएँ

आइए, इनलाइन स्टाइल का उपयोग करके एक वेब पेज बनाएँ। शुरुआत करने के लिए यहाँ एक उदाहरण है:

<!DOCTYPE html>
<html>
  <head>
    <title>Inline Styles Example</title>
  </head>
  <body>
    <h1 style="color: purple;">Welcome to My Styled Page</h1>
    <p style="color: gray; font-size: 16px;">
      This is an example of inline styling.
    </p>
    <button style="background-color: lightblue; padding: 10px; border: none;">
      Click Me!
    </button>
  </body>
</html>

बहुत बढ़िया!

बधाई हो! आपने अपने HTML एलिमेंट में सरल और प्रभावी सज्जा जोड़ने के लिए इनलाइन स्टाइल का उपयोग करना सीख लिया है। जल्दी बदलाव करने के लिए इनलाइन स्टाइल उपयोगी हैं, लेकिन जैसे-जैसे आपका वेब पेज बढ़ेगा, आपको अधिक उन्नत सज्जा तकनीकों की आवश्यकता होगी। अगले पाठ में, हम CSS की मूल बातें समझेंगे। पेशेवर वेब पेज डिज़ाइन करने के लिए तैयार हो जाइए!

शुरुआत निःशुल्क

एआई शिक्षक के साथ HTML सीखें — निःशुल्क

अपने ब्राउज़र में वास्तविक कोड लिखें और चलाएँ, चौबीसों घंटे एआई शिक्षक से तुरंत सहायता पाएँ, और वेब या ऐप पर वहीं से शुरू करें जहाँ आपने छोड़ा था।

पाठ्यक्रम: 16
पाठ: 35

निःशुल्क सीखना शुरू करें पूरा पाठ्यक्रम देखें

अक्सर पूछे जाने वाले प्रश्न

क्या “इनलाइन शैलियाँ” पाठ निःशुल्क है?

हाँ—“इनलाइन शैलियाँ” का पूरा पाठ यहाँ वेब पर निःशुल्क पढ़ा जा सकता है। इंटरैक्टिव अभ्यास (अंतर्निहित कोड संपादक और 24/7 एआई ट्यूटर) करने और HTML for Kids पाठ्यक्रम का बाकी हिस्सा अनलॉक करने के लिए CoddyKit PRO लें। HTML for Kids पाठ्यक्रम में कुल 4 पाठ शामिल हैं।

“इनलाइन शैलियाँ” में मैं क्या सीखूँगा?

HTML में सीधे अपने तत्वों का रूप बदलें आप ब्राउज़र में सीधे चलाए जाने वाले व्यावहारिक कोड के साथ HTML for Kids का अभ्यास करते हैं, और पाठ पूरा करते समय 24/7 एआई ट्यूटर आपके प्रश्नों के उत्तर देता है।

क्या HTML for Kids शुरू करने के लिए मुझे किसी अनुभव की आवश्यकता है?

पहले के अनुभव की आवश्यकता नहीं है। CoddyKit पर HTML for Kids शुरुआती से लेकर उन्नत शिक्षार्थियों तक सभी के लिए व्यवस्थित किया गया है, इसलिए आप यहीं से या शुरुआत से सीखना शुरू कर सकते हैं और अपनी गति से आगे बढ़ सकते हैं। यह 4 में से 1वाँ पाठ है।

“इनलाइन शैलियाँ” पाठ पूरा करने में कितना समय लगता है?

CoddyKit का अधिकांश पाठ लगभग 5–10 मिनट में पूरा हो जाता है। हर पाठ छोटा और संवादात्मक है, इसलिए आप लगातार प्रगति करते हैं और वेब या ऐप पर वहीं से सीखना जारी रख सकते हैं जहाँ आपने छोड़ा था।

क्या मैं इस HTML for Kids पाठ में कोड लिख और चला सकता हूँ?

हाँ। हर HTML for Kids पाठ में एक अंतर्निर्मित कोड संपादक शामिल है, जिससे आप सीधे अपने ब्राउज़र में वास्तविक कोड लिख और चला सकते हैं और तुरंत एआई प्रतिक्रिया पा सकते हैं—स्थानीय सेटअप की आवश्यकता नहीं है।

इस पाठ्यक्रम के सभी पाठ

← HTML for Kids पर वापस जाएँ