.png)
What is HTML attributes with Example
HTML attributes Kya hai
जितने भी HTML tags होते है उन सबके attributes होते है। ये name और value के pair में लिखे जाते है। Attributes के द्वारा आप tags को अपने according configure कर सकते है। Attributes को हमेशा starting tag में define किया जाता है। इन्हे define करने का उदाहरण निचे दिया जा रहा था।
| <tagName attrName="value"> some text here. </tagName> |
Attributes advanced configuration के लिए यूज़ किये जाते है। जैसे की आप default page background नहीं चाहते तो उसको अपने according change कर सकते है। ऐसे ही आप यदि default text color नहीं चाहते है तो उसे भी change कर सकते है। Attributes को यूज़ करना बहुत ही simple है। बस आपको पता होना चाहिए की कौनसा attribute किस जगह यूज़ करना है। आगे attributes से related एक simple उदाहरण दिया जा रहा है।
| <html> <head> <title>myPage</title> </head> <body bgcolor="black"> <h1 style="color:pink"> Heading </h1> <p style="color:yellow"> This is a paragraph. And you are learning html in Hindi. </p> </body> </html> |
ऊपर दिए हुए example में 2 जगह attributes यूज़ किये गए है। सबसे पहले <body> tag में bgcolor attribute यूज़ करते हुए page का background color define किया गया है। जब आप default body tag यूज़ करते है तो page का background color white रहता है। लेकिन जैसा की मैने आपको बताया की आप attributes के द्वारा page और text आप अपने according configure कर सकते है। इस attribute के द्वारा आप जो background अपने page का रखना चाहते है वो रख सकते है। जैसे की मैने example में black दिया है।
दूसरा attribute paragraph tag में यूज़ किया गया है। ये style attribute है। इस attribute के द्वारा आप tag पर CSS (Cascading Style Sheet) apply कर सकते है। CSS के द्वारा advanced configuration किया जाता है, जिसके बारे में आप आगे पड़ेंगे। जैसे की आप देख सकते है style attribute के द्वारा CSS apply किया गया है। इससे text का color change किया जाता है। और ऐसा ही heading tag के साथ भी किया गया है।
Scope of attributes
Attributes का scope उनके tags के according होता है। जिस tag के साथ आप जो attribute apply करते है वो उसी tag तक रहता है। जैसे की आपने body tag में style tag को यूज़ करते हुए text color red define किया है। Body tag पुरे page के लिए होता है इसलिए ये attribute पुरे page के text को red में show करेगा। लेकिन ऐसा तब तक ही होगा जब तक कोई body tag से छोटा tag text को दूसरे color में define नहीं करता है। जैसे की आप आगे चलकर किसी paragraph tag का color green define करते है। तो ये color body tag के color को override करेगा। और आपका ये paragraph green text में show होगा। इसका उदाहरण निचे दिया जा रहा है। इसे आप execute करवा कर देख सकते है।
| <html> <head> <title> myPage </title> </head> <body style="color:red"> Learn html in Hindi <br> Lean html in Hindi in 2 days. <br> Learn html in Hindi pdf. <p Style="color:green"> This is some text here </p> </body> </html> |
ऊपर दिए हुए उदाहरण में आप देख सकते है की paragraph का text color अलग से define किया गया है। ये body के text color को override करता है। HTML attributes को यूज़ करने की कुछ guide line होती है। जिनको follow करके आप attributes का बेहतर इस्तेमाल कर सकते है। इनके बारे में निचे दिया जा रहा है।
Guidelines for using HTML attributes
- हमेशा attributes को lower case में define करे।
- हमेशा attributes की values quotation mark में ही define करे।
Most Popular HTML attributes
निचे आपको HTML में commonly यूज़ होने वाले attributes की list दी जा रही है।
| Attribute | Explanation | Example |
id | HTML document में किसी tag को uniquely identify करने के लिए id attribute यूज़ किया जाता है। किन्ही 2 tags की id same नहीं हो सकती है। | <p id="mypara"> |
class | ये attributes tags को अलग अलग class में categories करने के लिए यूज़ किया जाता है। बहुत से tags एक class के हो सकते है। | <h1 class="java"> |
title | किसी tag का tittle देने देने के लिए title attribute यूज़ किया जाता है। | <p title="Hello"> |
style | इस attribute के द्वारा आप tag पर style rules apply कर सकते है। | <p style="color:red |
अगर आप को हमारा यह Artical कैसा लगा comments के द्वारा जरूर बताऐ और इस आर्टिकल को शेयर करे
