Pages

HTML Styles Elements


  • HTML के Style Element के बहुत से Attributes होते है | जिनका उपयोग करके page को stylish बनाया जाता है जैसे टेक्स्ट को बड़ा करना bold करना color बदलना आदि |
  • इसके बारे मे हम अधिक तब समझेंगे जब हम CSS को पढ़ेंगे |


HTML Styles Elements

Red Color

Green Color

Black Color



HTML Style Attribute:-

  • HTML style element किसी page को stylish  बनाने का कार्य करता है |
  • HTML style element के attributes का निम्नलिखित syntax है|
<tagname style="property:value; property:value; ">

Background Color

style Attribute, Background Color को बदलने के लिए  background या background-color property का प्रयोग किया जाता है तथा value कोई भी color लिया जा सकता है |

एक Page के लिए background color सेट करना |

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

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

</body>

अलग अलग element का अलग अलग background कलर सेट किया जा सकता है |

<body>

<h1 style="background-color:green;">This is a Style Elements Tutorial.</h1>
<p style="background-color:red;">This is a Style Elements Tutorial.</p>

</body>

Text Color:-

टेक्स्ट के color को बदलने ले लिए सिर्फ color property का प्रयोग किया जाता है |

<h1 style="color:green;">This is a Style Elements text color Tutorial.</h1>
<p style="color:red;">This is a Style Elements text color Tutorial.</p>


Fonts-Family:-

इस property से टेक्स्ट के फॉन्ट को बदला जाता है |

<h1 style="font-family:verdana;">This is a Style Elements Tutorial.</h1>
<p style="font-family:courier;">This is a Style Elements Tutorial.</p>

Font-Size:-

इस Property से टेक्स्ट के size को बड़ा या छोटा किया जाता है | जिसे % या px मे बड़ाया या घटाया जा सकता है | 

<h1 style="font-size:300%;">This is a Style Elements Tutorial.</h1>
<p style="font-size:30px;">This is a Style Elements Tutorial.</p>

Text Alignment:-

इस property से टेक्स्ट के alignment को सेट किया जाता है की टेक्स्ट को page के left मे रखना, right मे रखना या center मे रखना आदि का कार्य करता है | आगे css वाले अध्याए मे हम इन सब को विस्तार से पढ़ेंगे वे समझेंगे |

<h1 style="text-align:right;">This is a Style Elements Tutorial.</h1>
<p style="text-align:center;">This is a Style Elements Tutorial.</p>

Chapter Summary:-

  • style attribute का उपयोग कैसे करे|
  • background color कैसे सेट करे|
  • Font color कैसे सेट करे|
  • Font को बदलना |
  • text के size को बड़ा या छोटा करना |
  • टेक्स्ट का alignment सेट करना |

0 Comments:

Post a Comment