एचटीएमएल शैलियाँ
HTML styleविशेषता का उपयोग किसी तत्व में शैलियों को जोड़ने के लिए किया जाता है, जैसे कि रंग, फ़ॉन्ट, आकार, और बहुत कुछ।
उदाहरण
मैं लाल हूँ
मैं नीला हूँ
मैं बड़ा हूँ
HTML शैली विशेषता
एक HTML तत्व की शैली निर्धारित करना, styleविशेषता के साथ किया जा सकता है।
HTML styleविशेषता में निम्नलिखित सिंटैक्स है:
<tagname
style="property:value;">
संपत्ति एक सीएसएस संपत्ति है। मान एक CSS मान है।
आप इस ट्यूटोरियल में बाद में CSS के बारे में और जानेंगे।
पृष्ठभूमि का रंग
CSS background-colorगुण HTML तत्व के लिए पृष्ठभूमि रंग को परिभाषित करता है।
उदाहरण
पृष्ठ के लिए पृष्ठभूमि रंग को पाउडरब्लू पर सेट करें:
<body style="background-color:powderblue;">
<h1>This is a heading</h1>
<p>This is a paragraph.</p>
</body>
उदाहरण
दो अलग-अलग तत्वों के लिए पृष्ठभूमि का रंग सेट करें:
<body>
<h1 style="background-color:powderblue;">This is a heading</h1>
<p
style="background-color:tomato;">This is a paragraph.</p>
</body>
लिखावट का रंग
CSS colorगुण HTML तत्व के लिए टेक्स्ट रंग को परिभाषित करता है:
उदाहरण
<h1 style="color:blue;">This is a heading</h1>
<p style="color:red;">This is a paragraph.</p>
फोंट्स
CSS font-familyगुण HTML तत्व के लिए उपयोग किए जाने वाले फ़ॉन्ट को परिभाषित करता है:
उदाहरण
<h1 style="font-family:verdana;">This is a heading</h1>
<p style="font-family:courier;">This is a paragraph.</p>
टेक्स्ट का साइज़
CSS font-sizeगुण HTML तत्व के लिए टेक्स्ट आकार को परिभाषित करता है:
उदाहरण
<h1 style="font-size:300%;">This is a heading</h1>
<p
style="font-size:160%;">This is a paragraph.</p>
पाठ्य संरेखण
CSS text-alignगुण HTML तत्व के लिए क्षैतिज पाठ संरेखण को परिभाषित करता है:
उदाहरण
<h1 style="text-align:center;">Centered Heading</h1>
<p style="text-align:center;">Centered paragraph.</p>
अध्याय का सारांश
styleHTML तत्वों को स्टाइल करने के लिए विशेषता का उपयोग करेंbackground-colorपृष्ठभूमि रंग के लिए उपयोग करेंcolorटेक्स्ट रंगों के लिए उपयोग करेंfont-familyटेक्स्ट फोंट के लिए उपयोग करेंfont-sizeपाठ आकार के लिए उपयोग करेंtext-alignटेक्स्ट संरेखण के लिए उपयोग करें