Introduction of html attribute – Html attribute क्या है? (Lesson 5)

HTML language सीखने का हमारा purpose यही होता है, कि हम एक awsome web page create कर पाए। अब चूंकि, html tags एक web page को simple Structure देते है। इसीलिये उसके additional improvement के लिए हमे इन element के attributes की knowledge होना बहुत जरूरी है।

Htm tutorial - html attribute in hindi
इस पोस्ट HTML ATTRIBUTE IN HINDI में आप जानेगें html attribute क्या है? और इनका उपयोग html में कैसे किया जाता है।

तो चलिए let’s Start

What is html attribute – html attribute in hindi

अभी तक आप html document बनाते वक्त किसी html element का उपयोग कैसे करते है? जाहिर है, उसके सरल रूप में। For example अगर आप किसी Web page में Image Add करते है, तो आप उसे <image> इस तरह से लिखेंगे । परन्तु अगर आपको उस image की height, width, url, alt text etc. set करना हो तो आप क्या करेंगे।यहां पर काम आते है, html element के यह attributes . कुल मिलाकर अगर देखा जाए तो html attribute एक html element (tag) को extra configure या कहे उस element के बारे में additional information provide करता है।

अच्छे से समझे तो html element की विशेषताओं को define करने के लिए एक attribute का उपयोग किया जाता है। इन attributes को html tag के opening tag के भीतर रखा जाता है।

Example-:

All attributes दो parts से मिलकर बनते है । a. name and b. value .

  • name एक property है, जिसे आप set करना चाहते है। for example – image को extra configure करने के लिए src attribute का use किया जाता है। तो यहां पर image tag के attribute का name src है। जिसका उपयोग हम image को extra configure करने के लिए करेंगे।
  • value वह है, जो आप property के द्वारा उस element में Set करना चाहते है। value को हमेशा quotation (” “) के भीतर लिखा जाता है। उप्पर उदाहरण में  image attribute  की value url है, जहाँ पर image का url set करने पर web page में image show होने लगती है।

All html tags के Attribute name व value को हमेशा small latter में ही लिखा जाता है।

Example-;

 

अब तक तो शायद आपको समझ आ गया होगा की html attribute क्या होता है? और इसका उपयोग हम html element को additional information provide करने के लिए कैसे कर सकते है। तो चलिये अब html में अधिकांश उपयोग होने वाले कुछ html attribute के बारे में जानते है।

Related Lesson-:

Html Introduction – Html क्या है ?

Learn html in hindi – Html कैसे सीखे ?

Html Tag क्या है ?

Html attribute list in hindi.

वैसे तो html attribute list बहुत लंबी है, जिसे example के साथ एक पोस्ट में बता पाना मुश्किल है। लेकिन कुछ ऐसे html attribute है, जिनका उपयोग html में सबसे ज्यादा होता है। इसीलिए उन्हें नीचे उदाहरण के साथ बताया गया है।

1. src attribute.

Html में image insert करने के लिए <img> tag का use किया जाता है। src img tag का attribute है।  image का source address set करने के लिए src attribute use किया जाता है।

HTML में img का source address set करने के दो तरीके है। अगर image आपके computer में same location पर save है। जहाँ आपने document file save की है, तो आप सिर्फ उसका नाम देकर image set कर सकते है। परन्तु अगर image computer पर different location में save है, तो फिर आपको उसका complete path देना होगा।

Example-:

 

2. Width and height Attribute.

Html में image का आकार set करने के लिए size attribute का इस्तेमाल होता है।size attribute की help से image की height और width set की जाती है।

Example-:

 

3. Alt Attribute.

Alternative text specify करने के लिए alt attribute का use किया जाता है। Alt attribute किसी image के लिए alternative information provide करता है। अगर किसी कारणवश image web page पर show नही होती है, तो इससे user अपना mouse चित्र के ऊपर ले जा कर वह image किस बारे में है। यह पता कर सकता है।

Example-:

 

4. href Attribute.

Html Link को <a> से define किया जाता है। <a> tag में link को specified करने के लिए href attribute का use होता है।

Example-:

 

5. lang Attribute.

एक document की language को html tag में lang attribute की help से declared  किया जाता है। Accessibility applications और serch engine के लिए html document की language set करना अनिवार्य है।

Example=:

 

6. Style Attribute.

Style attribute का उपयोग किसी element के Style ( Colour,Font,Size etc.) को specify करने के लिए किया जाता है।

Example-:

ALL html tags list in hindi.

7. title Attribute.

title Attribute किसी element के बारे में extra information provide करता है। जब mouse उस element के ऊपर ले जाया जाता है, जिसमे title attribute use हुआ है, तो set की गयी जानकारी tooltip text के रूप में show होती है।

Example-:

 

Summary -:

● html attribute एक html element को additional information provide करते है।

● सभी html element के attribute होते है।

● html attribute name व value से define किये जाते है।

●html attribute की value को double quote (” “) के भीतर लिखा जाता है।

●html Attribute हमेशा element के Starting tag के भीतर ही लिखे जाते है।

 

4 thoughts on “Introduction of html attribute – Html attribute क्या है? (Lesson 5)”

Leave a Comment

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