Saturday, June 22, 2019

HTML Styles PART =-07

एचटीएमएल शैलियाँ

उदाहरण

मैं लाल हूँ
मैं नीला हूँ
मैं बिग हूँ

एचटीएमएल शैली विशेषता

किसी HTML तत्व की शैली की स्थापना, साथ किया जा सकता styleविशेषता।
एचटीएमएल styleविशेषता निम्नलिखित है वाक्य रचना :
<tagname style="property:value;">
संपत्ति एक सीएसएस संपत्ति है। मूल्य एक सीएसएस मूल्य है।
आप बाद में इस ट्यूटोरियल में सीएसएस के बारे में अधिक सीखना होगा।

पीछे का रंग

सीएसएस background-colorसंपत्ति किसी HTML तत्व के लिए पृष्ठभूमि रंग को परिभाषित करता है।
इस उदाहरण सेट powderblue करने के लिए एक पेज के लिए पृष्ठभूमि रंग:

उदाहरण

<body style="background-color:powderblue;">

<h1>This is a heading</h1>
<p>This is a paragraph.</p>

</body>


लिखावट का रंग

सीएसएस colorसंपत्ति किसी HTML तत्व के लिए पाठ का रंग परिभाषित करता है:

उदाहरण

<h1 style="color:blue;">This is a heading</h1>
<p style="color:red;">This is a paragraph.</p>

फोंट्स

सीएसएस font-familyसंपत्ति फ़ॉन्ट किसी HTML तत्व के लिए प्रयोग की जाने वाली परिभाषित करता है:

उदाहरण

<h1 style="font-family:verdana;">This is a heading</h1>
<p style="font-family:courier;">This is a paragraph.</p>

शब्दों का आकर

सीएसएस font-sizeसंपत्ति किसी HTML तत्व के लिए पाठ आकार को परिभाषित करता है:

उदाहरण

<h1 style="font-size:300%;">This is a heading</h1>
<p style="font-size:160%;">This is a paragraph.</p>

 पाठ्य संरेखण

सीएसएस text-alignसंपत्ति किसी HTML तत्व के लिए क्षैतिज पाठ संरेखण को परिभाषित करता है:

उदाहरण

<h1 style="text-align:center;">Centered Heading</h1>
<p style="text-align:center;">Centered paragraph.</p>

अध्याय का सारांश

  • का प्रयोग करें styleस्टाइल HTML तत्वों के लिए विशेषता
  • का प्रयोग करें background-colorपृष्ठभूमि रंग के लिए
  • का प्रयोग करें colorपाठ रंग के लिए
  • का प्रयोग करें font-familyपाठ फोंट के लिए
  • का प्रयोग करें font-sizeपाठ आकार के लिए
  • का प्रयोग करें text-alignपाठ संरेखण के लिए

एचटीएमएल व्यायाम

टेस्ट अपने आप को व्यायाम के साथ

व्यायाम:

सही HTML विशेषता, और सीएसएस का उपयोग करें, "नीले" करने के लिए अनुच्छेद के रंग सेट करने के।
<p = "; "> यह एक पैरा है </ p>।

No comments:

Post a Comment

Featured Post

html part-02

                      HTML Editors                        html part -02                                  लिखें एचटीएमएल Notepad ...