एट्रिब्यूट्स का उपयोग किसी एलिमेंट के लिए प्रॉपर्टीज़ सेट करने के लिए किया जाता है जैसे इमेज या कैनवास की चौड़ाई और ऊंचाई। सभी एलिमेंट्स में एट्रिब्यूट हो सकते हैं और ये अधिक जानकारी देते हैं। एट्रिब्यूट का एक नाम और एक मान होता है:
उदाहरण के लिए:
<canvas id="newCanvas" width="400" height="300">
अन्य उदाहरणों में शामिल हैं:
<img alt="alternate text">
HTML5 मानक के अनुसार किसी एट्रिब्यूट के चारों ओर कोट्स शामिल करना अनिवार्य नहीं है, लेकिन कोट्स शामिल करना हमेशा एक अच्छी प्रैक्टिस है।
आइए अब HTML में एट्रिब्यूट के उपयोग के कुछ उदाहरण देखते हैं:
HTML <ol> start एट्रिब्यूट
<ol> एलिमेंट का start एट्रिब्यूट पहले सूची आइटम के प्रारंभिक मान को सेट करने के लिए उपयोग किया जाता है।
सिंटैक्स
निम्न सिंटैक्स है:
<ol start="num">
उपरोक्त, num पहले सूची आइटम के प्रारंभिक मान के लिए सेट की गई संख्या है।
उदाहरण
आइए अब <ol> एलिमेंट के start एट्रिब्यूट को लागू करने का एक उदाहरण देखते हैं:
<!DOCTYPE html> <html> <body> <h1>पिछले सेमेस्टर MCA परिणाम</h1> <h2>रैंक 1-5 से</h2> <ol> <li>Steve</li> <li>David</li> <li>Kane</li> <li>William</li> <li>John</li> </ol> <h2>रैंक 5-10 से</h2> <ol start="5"> <li>Tom</li> <li>Jack</li> <li>Will</li> <li>Harry</li> <li>Tim</li> </ol> </body> </html>
आउटपुट
यह निम्न आउटपुट देगा:
HTML <textarea> autofocus एट्रिब्यूट
<textarea> एलिमेंट का autofocus एट्रिब्यूट पेज लोड होने पर टेक्स्टएरिया को स्वयं ऑटोफोकस सेट करने के लिए उपयोग किया जाता है। <textarea> एलिमेंट के लिए autofocus एट्रिब्यूट HTML5 में पेश किया गया था।
सिंटैक्स
निम्न सिंटैक्स है:
<textarea autofocus>
उदाहरण
आइए अब <textarea> एलिमेंट के autofocus एट्रिब्यूट को लागू करने का एक उदाहरण देखते हैं:
<!DOCTYPE html> <html> <body> <h2>साक्षात्कार प्रश्न</h2> <p>आप टेक्निकल राइटर जॉब प्रोफाइल के लिए क्यों जाना चाहते हैं? (100 शब्द)</p> <textarea rows="6" cols="70" autofocus> उत्तर 100 शब्दों में ही लिखें... </textarea> <p>आपकी ताकत क्या हैं? (50 शब्द)</p> <textarea rows="4" cols="70" autofocus> उत्तर 50 शब्दों में ही लिखें... </textarea> </body> </html>
आउटपुट
यह निम्न आउटपुट देगा:
