Style Attribute in Hindi | Html Style Attribute With Example

आज के इस post में हम html style attribute के बारे में जानेंगे , की  html में style attribute  कैसे  use करते है  , और यह कैसे काम करता है , साथ ही साथ हम अपने html coding इसे run करके देखेंगे.

Style Attribute in Hindi Html Style Attribute With Example

वैसे हम सभी जानते है , की style का use क्यों किया जाता है , अगर आप नहीं जानते तो मै आपको मै बता देता हु , की इसके नाम से ही clear है , की styles means किसी चीज को attractive show करना .

आज हम इसी चीज को html coding के through करके देखेंगे की html में styles का use क्यों किया जाता है.तो चलिए फिर आज का post start करते है.

Styles Attribute in Hindi

styles attribute :- style attribute का use html document में style information बताने के लिए use किया जाता है , की html document में text किस style या format में browser window पर represent हो | mostly इसे html element के साथ use किया जाता है.क्योकि यह एक प्रकार का attribute है.

एक html document अपने आप में एक से ज्यादा style tag contain कर के रख सकता है | style tag को head section के अन्दर रखना एक मुख्य required है |

Syntax <tagname style=”property:value;”>

✍️? यहाँ पर property means css की property है.

✍️? यहाँ पर value means css की value है.

Style tag का generally use css के लिए किया जाता है , क्योकि css के through हम किसी text को format बेहतर रूप में represent कर सकते है |

✍️? css , html की तरह another web programming language है , जिसका use designing के लिए किया जाता है.

✍️?html का use only page structure set करने के लिए किया जाता है , जबकि css का use करके उन pages को design करने के लिए किया जाता है .

Html Text Color change in Hindi/Html text color कैसे change करे

यहाँ पर हम text के color को change करेंगे using style attribute,आइये इसे एक example द्वारा बेहतर रूप से समझा जा सकता है .

Syntax <tagname style=”property:value;”>

example

यहाँ पर आप देख सकते है , की

  • <p> एक tag है .
  • style attribute है .
  • color property है .
  •  red , color की value है.

आप इसे syntax से relate करे आपको और बेहतर रूप में समझ आयगी.

  • 4th and 5th line में हमने color की जो value दी है , वो text उस color में change हो गयी है.
  • हमने 3rd line में कोई सा color value mention नहीं किया है , इस कारण  वह by default color में है.

Html Background Color change in Hindi/Html Background color कैसे change करे

हम अपने browser के background color को change करेंगे using style attribute .आइये इसे एक example द्वारा बेहतर रूप से समझा जा सकता है .

Syntax <tagname style=”property:value;”>

example

✍️? आप hexa decimal color के जगह direct color का नाम भी Mention कर सकते है.मैंने ऊपर example में ffb6c1 लिखा है , उसे आप direct pink भी लिख सकते है.

यहाँ पर आप देख सकते है , की

  • <body> एक tag है .
  • style attribute है .
  • background-color property है .
  •  ffb6c1, color की value है.

इस example को run करते ही आपको आपके browser के background में pink color दिखाई देगी.

Html Fonts change in Hindi/Html Font कैसे बदले

हम इस से अपने font को change कर सकते है,आइये इसे एक example द्वारा बेहतर रूप से समझा जा सकता है .

Syntax <tagname style=”property:value;”>

example

यहाँ पर आप देख सकते है , की

  • <h1> and <p>एक tag है .
  • style attribute है .
  • font-family property है .
  • verdana & courier, font-familyकी value है.

इस example को run करते ही आपको आपके browser में two different fonts दिखाई देगी.

Html text size change in Hindi/Html Text की Size Change कैसे करे

हम इस से अपने text की  change कर सकते है,आइये इसे एक example द्वारा बेहतर रूप से समझा जा सकता है .

Syntax <tagname style=”property:value;”>

example

यहाँ पर आप देख सकते है , की

  • <h1> and <p>एक tag है .
  • style attribute है .
  • font-size property है .
  • 300% & 10px, font-size की value है.

✍️? आप font की size px & % दोनों में दे सकते है.

इस example को run करते ही आपको आपके browser में two different fonts size दिखाई देगी.

Html text alignment change in Hindi/Html text alignment कैसे change करे.

हम इस से अपने text की  alignment change कर सकते है,आइये इसे एक example द्वारा बेहतर रूप से समझा जा सकता है .

Syntax <tagname style=”property:value;”>

example

यहाँ पर आप देख सकते है , की

  • <h1> and <p>एक tag है .
  • style attribute है .
  • text-align property है .
  • center & left , text-align की value है.

इस example को run करते ही आपको आपके browser में two different alignment दिखाई देगी texts के .

i hope आपको यह example समझ में आ गयी होगी , और style attribute भी अच्छी से समझ में आ गयी होगी.

अब आपने सिख लिया है , की Html style attribute के बारे में , फिर भी आपको किसी तरह की परेशानी आती है , तो आप हमें comment के माध्यम से पूछ सकते है

दोस्तों मुझे उम्मीद है , की आपको यह पोस्ट पसंद आई होगी , अगर आपको यह पोस्ट अच्छी लगी , तो कृपया अपने विचार comment के माध्यम से बताये.

Leave a Reply

Your email address will not be published. Required fields are marked *