HTML शैलियाँ
HTML styleकिसी तत्व में रंग, फ़ॉन्ट, आकार और बहुत कुछ जोड़ने के लिए विशेषताओं का उपयोग किया जाता है।
उदाहरण
I am Red
I am Blue
I am Big
HTML शैली विशेषता
HTML तत्व में शैली सेट करनाstyleविशेषता द्वारा किया जा सकता है।
HTML styleविशेषता में निम्नलिखित सिंटैक्स है:
<tagname style="property:value;">
propertyएक CSS विशेषता है.valueएक सीएसएस मान है.
आप इस ट्यूटोरियल में बाद में सीएसएस के बारे में और जानेंगे।
बाद में पैटर्न का रंग
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>
अध्याय का सारांश
- HTML तत्वों को स्टाइल करना
styleविशेषता का प्रयोग करें - फिर मेहंदी के रंग के लिए
background-colorउपयोग - पाठ रंगों के लिए
colorउपयोग - टेक्स्ट फ़ॉन्ट के लिए
font-familyउपयोग - पाठ आकार के लिए
font-sizeउपयोग - पाठ संरेखण के लिए
text-alignउपयोग