HTML Style Attribute IN HINDI

दोस्तों HTML tutorial के अगले पाठ में आप Styles Attribute से किसी HTML tag के रंग या Color और आकर या Size को कैसे नियंत्रित करते है इस बारे में पढ़ चुके है | आज के पाठ में हम Styles Attribute के कुछ और गुण जैसे की HTML tag के Background Color ( पीछे का रंग ) को बदलना और घेरा या Border बनाना सीखेंगे | साथ ही हम किसी HTML tag का स्थिति निर्धारण या positioning करना भी सीखेंगे |

तो सबसे पहले हम एक example के मदद से ये देखते है की अगर हम किसी HTML tag के Background Color ( पीछे का रंग ) को बदलना चाहते है तो Styles Attribute के मदद से इस काम को कैसे करते है |

 

HTML Tutorial Example 1 :- Changing Background Color Of an HTML tag.

<html>

<body >

<p style="background-color:yellow;">Are you want to make your own website?</p>

<p>HTML Source Code</p>

</body>

</html>

ऊपर के Example आप देख सकते है की हम background-color के मदद से किस प्रकार किसी HTML tag के Background Color को बदल सकते है | अगर आप चाहे तो background-color के मदद से पुरे web page का Background Color भी बदल सकते है | उदाहरण के लिए आप निचे के Example को देखें |

HTML in hindi Example 2 :- Changing Background Color Of a web page.

<html>

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

<h1>This is a heading</h1>

</body>

</html>

ऊपर के Example में हमने Style Attribute का उपयोग body के साथ किया है और पुरे पुरे web page का Background Color भी लाल कर दिया है |

 

तो दोस्तों अब हम एक example के मदद से ये देखते है की अगर हम किसी HTML tag के चारों ओर एक Border या घेरा बनाना चाहे तो Styles Attribute के मदद से इस काम को कैसे करते है |

HTML Tutorial Example 3 :-

<html>

<body >

<h3 style="border:2px solid green;">This is a heading</h3>

</body>

</html>

 

HTML Tutorial Example 4:-

<html>

<body >

<h3 style="border:2px dashed green;">This is a H3 Tag.</h3>

</body>

</html>

तो दोस्तों अब हम एक example के मदद से ये देखते है की अगर हम किसी HTML tag के position को center, Left, right में भेजना चाहे तो Styles Attribute के मदद से इस काम को कैसे करते है |

Example 5 :-

<html>

<body>

<h4 style="text-align:center;">Centered Heading</h4>

<h4 style="text-align:left;">Centered paragraph.</h4>

<h4 style="text-align:right;">Centered paragraph.</h4>

</body>

</html>

 

दोस्तों आज के इस HTML tutorial में आपने HTML के Styles Attribute के मदद से background-color, border, Text Alignment को नियंत्रित करना सीखा है |

Next:- HTML Links In Hindi