Introduction of HTML Attributes in Hindi
HTML Tag से आप simple black and white document बना सकते है। अब आप खुद सोचिये क्या आप black and white वेब पेज को read करना पसंद करेंगे। इस लिये web page को attractive बनाने के Attributes का इस्तेमाल करते है।
दोस्तो इस पोस्ट मे हम जानेंगे की attributes क्या है? उसका syntax कैसा होता है? यह कैसे काम करता है? उसका हम coding मे कैसे इस्तेमाल करे? कितने type के attributes होते है? HTML Tags वेब पेज को simple structure देता है। इसलिए हमे additional improvement के लिए attributes की जरूरत पड़ती है।
HTML Attributes
- HTML Attributes को HTML Elements के साथ लिखा जाता है।
- Attributes HTML Elements को additional information provide करता है।
- Attributes को हमेशा Start tag के साथ लिखा जाता है।
- Attributes हमेशा दो parts से मिलकर बनाता है: Name and Value
Attributes Syntax
Attributes को हम Elements के साथ इस तरह लिखते है।
Name = “value”
यहा नीचे हमने <img> tag के साथ src, width, height का इस्तेमाल किया है तो इसे हम attributes कहते है और सभी attributes को value दी है। तो यह HTML Attributes HTML Elements को additional information provide करता है।
The href Attribute
href Attribute को हम <a> tag के साथ define करते है। link को specify करने के लिए <a> tag के साथ href का इस्तेमाल करते है।
उदाहरण
इसके बारे मे हम अगले lesson मे detail मे जानेंगे।
<!DOCTYPE html>
<html>
<body>
<h2>This is Html attributes.</h2>
<a href="https://megatechbook.com/"> Megatechbook </a>
</body>
</html>
The src Attribute
src Attribute को हम <img> tag के साथ define करते है। image का source address set करने के लिए src attributes का इस्तेमाल करते है।
उदाहरण
<!DOCTYPE html>
<html>
<body>
<h2>The src Attribute</h2>
<img src="Megatechbook.jpg" alt="Megatechbook">
</body>
</html>
इसके बारे मे हम अगले lesson मे detail मे जानेंगे।
The alt Attribute
alt Attributes Image के alternative text को define करता है। अगर किसी भी कारण से image वेब पेज पर show नहीं होती तो उसकी जगह alternative text show होगा।
<!DOCTYPE html>
<html>
<body>
<h2>The alt Attribute</h2>
<img src="Megatechbook.jpg" alt="Megatechbook">
</body>
</html>
इसके बारे मे हम अगले lesson मे detail मे जानेंगे।
The width and height Attributes
width and height Attributes की मदद से हम image की size को set कर सकते है।
उदाहरण
<!DOCTYPE html>
<html>
<body>
<h2>The src Attribute</h2>
<img src="Megatechbook.jpg" width="400" height="200">
</body>
</html>
The style Attribute
Style attribute का उपयोग किसी element के style जैसे की color, font, background-color, size आदि को set करने के लिए किया जाता है।
उदाहरण
<!DOCTYPE html>
<html>
<body>
<h2>style Attribute</h2>
<p> HTML Attributes in Hindi </p>
<p style="color:blue">This is a blue paragraph.</p>
</body>
</html>
इसके बारे मे हम css के lesson मे detail मे जानेंगे।
The title Attribute
किसी भी Element के बारे मे extra information चाहिए तब हम title attribute का उपयोग करते है। जब mouse को element के ऊपर लाया जाता है तब उसमे set की गई जानकारी tool-tip text के रूप मे show होती है।
उदाहरण
<! DOCTYPE html>
<html>
<body>
<h2>title Attribute</h2>
<p title="html title attribute"> this is title attribute </p>
</body>
</html>
The lang Attribute
lang Attribute को हम <html> tag के साथ define करते है। lang attribute document की भाषा को declare करता है।
उदाहरण
<!DOCTYPE html>
<html lang="en-US">
<body>
<p> HTML Attributes in Hindi </p>
</body>
</html>
आप attributes की value के लिए quotes(” “) का use करे क्योकि इसका उपयोग ना करना कभी कभी error produce करता है।