HTML TUTORIAL IN HINDI

Learn HTML Tutorial In Hindi :- दोस्तों अब हम HTML tutorial में Styles Attribute के बारे में Hindi में पढ़ेंगे | Styles Attribute का उपयोग किसी HTML tag के साथ cascading style sheet (css) को जोड़ने के लिए होता है | अब css क्या होता है इस बारे में आप css के Hindi tutorial में विस्तार से पढ़ सकते है पर अभी आप इतना समझ लीजिये की अगर आप को किसी HTML tag का रंग या Color बदलना है या किसी HTML tag का आकर या Size बड़ा करना है तो इस तरह के बहुत सरे काम HTML Styles Attribute से कर सकते है |

HTML in hindi

एक चीज याद रखें की HTML Tutorial In Hindi के इस भाग में आप को सिर्फ Styles Attribute का परिचय दिया गया है | जब आप css पढ़ेंगे तब आप को Styles Attribute के बारे में और विस्तार से बताया जायेगा |

 

किसी HTML टैग के Styles को जोड़ने का तरीका निम्नलिखित है :-

 

<tagname style="property:value;">

 

अब हम एक Example के मदद से इसे समझते है :- मान लीजिये की मुझे <p> HTML Tutorial In Hindi </p> टैग का रंग या Color बदलना है तो इसका एक उदाहरण देख लेते है |

HTML Tutorial In Hindi Example 1 :-

<html>
<head><title>Best web designing tutorial </title></head>
<body>

<p style="color:red;">HTML Hindi Tutorial  </p>
<p style="color:green;"> HTML is used to create web pages .</p>

</body>
</html>

 

Output :-

HTML Hindi Tutorial

HTML is used to create web pages .

[ Note :- HTML में colour (British English/ब्रिटिश अंग्रेजी) नहीं लिखते है यहाँ color (American English/अमेरिकी अंग्रेजी) मतलब रंग होता है | ]

जब आप ऊपर लिखे HTML Code को अपने Computer पर चलाएंगे तो आप को <p> टैग के अंदर लिखे word या शब्द का रंग लाल दिखाई देगा |

मैंने यहाँ red color का उपयोग किया है आप चाहे तो दूसरे किसी भी रंग का उपयोग अपने मन से कर सकते है |

जिस तरह से ऊपर हमने <p> टैग का रंग बदला है आप चाहे तो <h1> से <h6> तक से किसी भी टैग का रंग बदल सकते है | निचे आप इसका एक उदाहरण देख सकते है |

Learn HTML in hindi Example 2 :-

 

<html>
<body>

<h4 style="color:Tomato;">Tomato</h4>
<h4  style="color:Orange;">Orange</h4 >
<h4  style="color:DodgerBlue;">DodgerBlue</h4 >
<h4  style="color:MediumSeaGreen;">MediumSeaGreen</h4 >
<h4  style="color:Gray;">Gray</h4 >
<h4  style="color:SlateBlue;">SlateBlue</h4 >
<h4  style="color:Violet;">Violet</h4 >
<h4  style="color:LightGray;">LightGray</h4 >

</body>
</html>

 

Output:-

Tomato

Orange

DodgerBlue

MediumSeaGreen

Gray

SlateBlue

Violet

LightGray

अगर आप किसी HTML टैग का size या आकर बढ़ाना या कम करना चाहते है तो ये भी आप Styles Attribute की मदद से कर सकते है | निचे आप इसका एक Example देख सकते है |

 

Example 3:-

<html>
<body>

<p style="font-size:50px;"> Learn HTML ( Hypertext Markup Language ) Tutorial in easy way. </p>

</body>
</html>

 

Output:-

Learn HTML ( Hypertext Markup Language ) Tutorial in easy way.

दोस्तों आज के इस HTML tutorial में आपने HTML tag का रंग या Color बदलना और किसी HTML tag का आकर या Size बड़ा करना सीखा है | ऊपर के example में जो HTML code दिया गया है आप उनका ठीक से practice करें | अगले पाठ में हम Styles Attribute को और विस्तार से सीखेंगें |

 

 

 

 

 

Next:- HTML Styles Attribute In Hindi