HTML Attributes In Hindi
आपने पिछले आर्टिकल में पढ़ा होगा कि HTML Elements क्या हैं? और इसका उपयोग कैसे होता हैं? जहाँ Attributes के बारें में थोड़ा सा ही पढ़ा होगा। इसलिए आप इस आर्टिकल में HTML Attributes को संक्षेप में पढ़ेंगे।
आप इस आर्टिकल में नीचे दिये गए कंटेंट्स को पढ़ेंगे।
आपने पिछले आर्टिकल में पढ़ा होगा कि HTML Elements क्या हैं? और इसका उपयोग कैसे होता हैं? जहाँ Attributes के बारें में थोड़ा सा ही पढ़ा होगा। इसलिए आप इस आर्टिकल में HTML Attributes को संक्षेप में पढ़ेंगे।
आप इस आर्टिकल में नीचे दिये गए कंटेंट्स को पढ़ेंगे।
Contents
HTML Attributes क्या हैं?
HTML टैग्स का उपयोग करते समय उनके बारें में Additional Information (अतिरिक्त सूचना) को भी लिखना पड़ता हैं। जैसे कि HTML वेबपेज में इमेज को ऐड करने के लिए इमेज टैग का उपयोग किया जाता हैं। लेकिन इमेज टैग self किसी इमेज को वेबपेज में ऐड नहीं करता हैं। इसके लिए इमेज source या address के बारें में टैग को बताना पड़ता हैं। इस एडिशनल इनफार्मेशन को ही HTML Attributes कहा जाता हैं।
Syntax :
<Tagname attribute name="attribute value" />
उदाहरण :
<img src="url/path" width="200px" height="200px" />
ऊपर दिए गए उदाहरण में इमेज टैग में src, width, और height एट्रिब्यूट के नाम हैं और उन एट्रिब्यूट name की value "url/path", "200px" और "220px" सेट की गयी हैं, जो double quote के अंदर डिफाइन की जाती हैं। (जैसे : name="value")
HTML Attributes कई प्रकार के होते हैं। इनको चार categories में बाँटा गया हैं।
जो निम्न हैं :
- Required Attributes : src एट्रिब्यूट
- Optional Attributes : alt एट्रिब्यूट
- Standard Attributes
- Event Attributes
HTML टैग्स का उपयोग करते समय उनके बारें में Additional Information (अतिरिक्त सूचना) को भी लिखना पड़ता हैं। जैसे कि HTML वेबपेज में इमेज को ऐड करने के लिए इमेज टैग का उपयोग किया जाता हैं। लेकिन इमेज टैग self किसी इमेज को वेबपेज में ऐड नहीं करता हैं। इसके लिए इमेज source या address के बारें में टैग को बताना पड़ता हैं। इस एडिशनल इनफार्मेशन को ही HTML Attributes कहा जाता हैं।
Syntax :
<Tagname attribute name="attribute value" />
उदाहरण :
<img src="url/path" width="200px" height="200px" />
ऊपर दिए गए उदाहरण में इमेज टैग में src, width, और height एट्रिब्यूट के नाम हैं और उन एट्रिब्यूट name की value "url/path", "200px" और "220px" सेट की गयी हैं, जो double quote के अंदर डिफाइन की जाती हैं। (जैसे : name="value")
HTML Attributes कई प्रकार के होते हैं। इनको चार categories में बाँटा गया हैं।
जो निम्न हैं :
- Required Attributes : src एट्रिब्यूट
- Optional Attributes : alt एट्रिब्यूट
- Standard Attributes
- Event Attributes
src Attribute - HTML Attributes
HTML वेबपेज में इमेज को सेट करने के लिए इमेज टैग का उपयोग किया जाता हैं। जिसमें src attribute डिस्प्ले होने वाली इमेज के पथ को specify करती हैं।
आपको जिस भी इमेज को वेबपेज में सेट करना हैं तो आप उस इमेज का पथ या यूआरएल (url) को src attribute में लिखें। जिससे सेट की गयी इमेज वेबपेज में शो होने लगेंगी।
उदाहरण :
<img src="url/path" />
HTML वेबपेज में इमेज को सेट करने के लिए इमेज टैग का उपयोग किया जाता हैं। जिसमें src attribute डिस्प्ले होने वाली इमेज के पथ को specify करती हैं।
आपको जिस भी इमेज को वेबपेज में सेट करना हैं तो आप उस इमेज का पथ या यूआरएल (url) को src attribute में लिखें। जिससे सेट की गयी इमेज वेबपेज में शो होने लगेंगी।
उदाहरण :
<img src="url/path" />
href Attribute - HTML Attributes
HTML Attributes में <a> टैग को एंकर टैग भी कहते हैं जो हाइपरलिंक को डिफाइन करता हैं। जिसमें href attribute उस वेबपेज के url को specify करता हैं जिसे लिंक किया होता हैं।इस href attribute के उपयोग से आप किसी टेक्स्ट या कंटेंट्स या इमेज और आदि को लिंक कर सकते सकते हैं।
उदाहरण :
<a href="https://2point4wireless.blogspot.com/">Click Now</a>
इस href attribute के उपयोग से आप किसी टेक्स्ट या कंटेंट्स या इमेज और आदि को लिंक कर सकते सकते हैं।
उदाहरण :
<a href="https://2point4wireless.blogspot.com/">Click Now</a>
alt Attribute - HTML Attributes
इमेज टैग के लिए आवश्यक alt attribute किसी इमेज के लिए एक alternate टेक्स्ट specify करती हैं और यदि किसी कारण से इमेज शो नहीं होती हैं। जैसे की यह स्लो कनेक्शन या src एट्रिब्यूट में त्रुटि के कारण हो सकता हैं।
उदाहरण :
<img src="url/path" alt="This is image" />
इमेज टैग के लिए आवश्यक alt attribute किसी इमेज के लिए एक alternate टेक्स्ट specify करती हैं और यदि किसी कारण से इमेज शो नहीं होती हैं। जैसे की यह स्लो कनेक्शन या src एट्रिब्यूट में त्रुटि के कारण हो सकता हैं।
उदाहरण :
<img src="url/path" alt="This is image" />
width and height Attributes - HTML Attributes
इमेज टैग में width और height attributes का उपयोग इमेज की width और height ऐट्रिब्यूट्स को specify करने के लिए किया जाता हैं।
उदाहरण :
<img src="url/path" alt="This is image" width="200px" height="200px"/>
इमेज टैग में width और height attributes का उपयोग इमेज की width और height ऐट्रिब्यूट्स को specify करने के लिए किया जाता हैं।
उदाहरण :
<img src="url/path" alt="This is image" width="200px" height="200px"/>
style Attribute - HTML Attributes
Inline CSS style करने के लिए style attribute का उपयोग किया जाता हैं।
आप निचे दिए गए उदाहरण को देखें जिसमे कंटेंट को स्टाइल किया है। जिसको कलर रेड और उस कंटेंट का साइज 10px दी गयी हैं।
उदाहरण :
<h1 style="color: red; font-size: 10px;">2.4 Wireless</h1>
Inline CSS style करने के लिए style attribute का उपयोग किया जाता हैं।
आप निचे दिए गए उदाहरण को देखें जिसमे कंटेंट को स्टाइल किया है। जिसको कलर रेड और उस कंटेंट का साइज 10px दी गयी हैं।
उदाहरण :
<h1 style="color: red; font-size: 10px;">2.4 Wireless</h1>
title Attribute - HTML Attributes
HTML में title attribute का उपयोग किसी टेक्स्ट, इमेज, वीडियो या किसी भी फाइल के ऊपर माउस ले जाने पर उस टेक्स्ट या फाइल का नाम या title बताने के लिए किया जाता हैं।
उदाहरण :
<a href="url/path" title="This is image"><img src="image. jpg" /></a>
HTML में title attribute का उपयोग किसी टेक्स्ट, इमेज, वीडियो या किसी भी फाइल के ऊपर माउस ले जाने पर उस टेक्स्ट या फाइल का नाम या title बताने के लिए किया जाता हैं।
उदाहरण :
<a href="url/path" title="This is image"><img src="image. jpg" /></a>
0 Comments