HTML विशेषताएँ HTML तत्वों के लिए अतिरिक्त गुण निर्धारित करती हैं। वे एक HTML तत्व के उद्घाटन टैग में निर्दिष्ट हैं, और कुछ तत्वों को कार्य करने के लिए एक विशेषता की आवश्यकता होती है।
HTML विशेषताएँ क्या हैं, और आप उनका उपयोग कैसे करते हैं? जब आप HTML सीख रहे होते हैं, तो आपको attributes . शब्द का सामना करना पड़ सकता है . HTML पृष्ठ पर किसी विशिष्ट तत्व के बारे में अतिरिक्त जानकारी प्रदान करने के लिए विशेषताओं का उपयोग किया जाता है।
विशेषताएँ एक HTML दस्तावेज़ के शुरुआती टैग में निर्दिष्ट की जाती हैं और आमतौर पर एक नाम/मूल्य जोड़ी में निर्दिष्ट की जाती हैं। उदाहरण के लिए, name . नामक विशेषता मान के साथ value इस तरह दिखाई देगा:name=value ।
यह ट्यूटोरियल उदाहरणों के संदर्भ में, HTML में विशेषताओं की मूल बातें और उनका उपयोग क्यों किया जाएगा, इस पर चर्चा करेगा। हम कुछ सामान्य-उद्देश्य विशेषताओं पर भी चर्चा करेंगे जो HTML में अधिकांश तत्वों पर लागू होती हैं, और जिनका कोडिंग करते समय आपके सामने आने की सबसे अधिक संभावना होती है।
HTML विशेषताएँ क्या हैं?
HTML मार्कअप भाषा के प्रत्येक तत्व में एक विशेषता हो सकती है, जिसका उपयोग उस तत्व के पास अतिरिक्त संपत्ति को परिभाषित करने के लिए किया जाता है।
उदाहरण के लिए, हम एक विशेषता निर्दिष्ट करना चाह सकते हैं जो किसी छवि की ऊंचाई या किसी प्रपत्र तत्व द्वारा संग्रहीत मान को परिभाषित करता है। ये विशेषताएँ तत्व के लिए विशिष्ट हैं, जिसका अर्थ है कि इनका उपयोग वेब पेज पर एक निश्चित तत्व के काम करने के तरीके को अनुकूलित करने के लिए किया जा सकता है।
कुछ मामलों में, किसी तत्व के लिए विशेषताओं की आवश्यकता होती है। उदाहरण के लिए, अगर आप <a> . के साथ काम कर रहे हैं HTML टैग, आपको एक href परिभाषित करने की आवश्यकता है एट्रिब्यूट ताकि टैग को पता चले कि क्लिक करने पर उसे किस यूआरएल की ओर इशारा करना चाहिए।
HTML में एक विशेषता के दो घटक होते हैं:
81% प्रतिभागियों ने कहा कि बूटकैंप में भाग लेने के बाद उन्हें अपनी तकनीकी नौकरी की संभावनाओं के बारे में अधिक आत्मविश्वास महसूस हुआ। आज ही एक बूटकैंप से मिलान करें।
बूटकैंप शुरू करने से लेकर अपनी पहली नौकरी खोजने तक, औसत बूटकैंप ग्रेड ने करियर संक्रमण में छह महीने से भी कम समय बिताया।
- नाम आपके द्वारा बनाई जा रही विशेषता के नाम को परिभाषित करता है।
- मान विशेषता द्वारा रखे गए मान को परिभाषित करता है।
मान लीजिए हम एक लिंक को परिभाषित करना चाहते हैं जो करियर कर्म वेबसाइट के होम पेज की ओर इशारा करता है। ऐसा करने के लिए, हम एक <a> . का उपयोग कर सकते हैं एचटीएमएल में टैग। हालांकि, अगर हम चाहते हैं कि टैग करियर कर्म होमपेज से लिंक हो, तो हमें href का भी उपयोग करना होगा। विशेषता।
यहां <a> . का एक उदाहरण दिया गया है टैग जो करियर कर्म होमपेज से लिंक करता है:
करियर कर्मा
यह टैग href . नामक विशेषता का उपयोग करता है और इसे “https://careerkarma.com/” मान प्रदान करता है, जो कि करियर कर्म होमपेज का URL है।
HTML में विशेषताएँ केस असंवेदनशील होती हैं, लेकिन विशेषताएँ आमतौर पर लोअर केस में लिखी जाती हैं
एकल और दोहरे उद्धरण HTML
जब आप किसी विशेषता को मान निर्दिष्ट कर रहे हों, तो आप सिंगल और डबल कोट्स दोनों का उपयोग कर सकते हैं। दोहरे उद्धरण चिह्नों का उपयोग करना सबसे आम तरीका है (और वह है जिसे हमने पहले अपने उदाहरण में इस्तेमाल किया था)। हालांकि, आपके द्वारा उपयोग किया जाने वाला तरीका आपकी विशेषता की सामग्री पर निर्भर करता है।
मान लीजिए कि हम एक फॉर्म एलिमेंट बना रहे हैं जिसका मान John ‘Rocketman’ Smith . है . इस मामले में, क्योंकि हमारे मूल्य में एकल उद्धरण हैं, हमें अपने विशेषता नाम के लिए दोहरे उद्धरण चिह्नों का उपयोग करना चाहिए। यह वह कोड है जिसका उपयोग हम इस विशेषता को घोषित करने के लिए करेंगे:
दूसरी ओर, मान लें कि हमारे मूल्य में दोहरे उद्धरण हैं और इसके बजाय John “Rocketman” Smith . थे . इस मामले में, हम अपनी विशेषता को परिभाषित करने के लिए सिंगल कोट्स का उपयोग करना चाहेंगे। यहां वह कोड है जिसका हम उपयोग करेंगे:
<इनपुट प्रकार="टेक्स्ट" मान='जॉन "रॉकेटमैन" स्मिथ'>
HTML बूलियन विशेषताओं का उपयोग कैसे करें
कुछ विशेषताएँ नाम/मान युग्म संरचना का उपयोग नहीं करती हैं। हम इन्हें बूलियन विशेषताओं के रूप में संदर्भित करते हैं। इन विशेषताओं में केवल एक सही-गलत मान हो सकता है, और यदि वे निर्दिष्ट हैं तो उनका मान सत्य पर सेट है और यदि वे निर्दिष्ट नहीं हैं तो गलत हैं।
बूलियन विशेषताएँ आमतौर पर HTML रूपों में उपयोग की जाती हैं। मान लीजिए कि हम एक फॉर्म फ़ील्ड बना रहे हैं जो उपयोगकर्ता से उनका नाम पूछता है। हम चाहते हैं कि यह फॉर्म फ़ील्ड डिफ़ॉल्ट रूप से अनिवार्य हो। हम required . का उपयोग कर सकते हैं इस कार्य को पूरा करने के लिए बूलियन विशेषता:
<इनपुट प्रकार ="टेक्स्ट" मान ="नाम" आवश्यक>इस उदाहरण में, हमने एक इनपुट टैग को परिभाषित किया है जिसमें तीन विशेषताएँ हैं। पहले दो एट्रिब्यूट,
typeऔरvalue, नाम/मान संरचना का उपयोग करें। तीसरी विशेषता,required, एक बूलियन विशेषता है। क्योंकि हमनेrequired. निर्दिष्ट किया है बूलियन विशेषता, इसका मान सत्य पर सेट है।मानक HTML विशेषताओं का उपयोग कैसे करें
कुछ HTML विशेषताएँ हैं जो HTML के प्रत्येक तत्व पर लागू होती हैं। इन्हें वैश्विक विशेषताएँ कहा जाता है।
आपके पूरे वेबपेज पर इनका सामना करने की संभावना है, इसलिए यह महत्वपूर्ण है कि आप जानते हैं कि वे क्या हैं और वे कैसे काम करते हैं। आइए तत्वों पर लागू चार सबसे सामान्य मानक HTML विशेषताओं के माध्यम से चलते हैं।
HTML id विशेषता
आईडी विशेषता एक तत्व को एक विशिष्ट पहचानकर्ता देती है। id एट्रिब्यूट स्वयं HTML तत्व के प्रकट होने के तरीके को प्रभावित नहीं करता है, लेकिन यह आपको CSS या JavaScript के साथ काम करते समय हेरफेर करने के लिए एक विशिष्ट तत्व का चयन करने की अनुमति देता है।
किसी दिए गए तत्व को आप जिस आईडी को असाइन करते हैं वह दस्तावेज़ में अद्वितीय होना चाहिए।
यहां
<p>. में उपयोग की गई id विशेषता का एक उदाहरण दिया गया है टैग:नमस्कार, वहाँ! मेरी साइट पर आपका स्वागत है।
इस उदाहरण में, हमने अपना
<p>. असाइन किया है एक आईडी विशेषता कोsecondParagraph. मान के साथ टैग करें ।HTML शीर्षक विशेषता
HTML शीर्षक विशेषता का उपयोग अक्सर किसी तत्व या उसकी सामग्री को समझाने के लिए किया जाता है। एक शीर्षक विशेषता के भीतर संग्रहीत मान एक टूलटिप के रूप में प्रदर्शित होता है जो तब प्रकट होता है जब कोई उपयोगकर्ता अपने कर्सर के साथ तत्व पर होवर करता है।
मान लीजिए कि हमारे पास एक इनपुट फ़ील्ड है जो उपयोगकर्ता का नाम एकत्र करता है। हम दिखाना चाहते हैं
This field is requiredजब उपयोगकर्ता मैदान पर होवर करता है। हम निम्नलिखित कोड का उपयोग करके इस लक्ष्य को प्राप्त कर सकते हैं:जब हम टेक्स्ट फ़ील्ड पर होवर करते हैं, तो निम्न टूलटिप दिखाई देती है:
HTML शैली विशेषता
HTML शैली विशेषता का उपयोग किसी विशेष तत्व के लिए CSS शैलियों को निर्दिष्ट करने के लिए किया जाता है। किसी तत्व को स्टाइल करने के इस दृष्टिकोण को इनलाइन शैली बनाने के रूप में संदर्भित किया जाता है।
मान लीजिए हम टेक्स्ट का एक पैराग्राफ बना रहे हैं जिसे हम ग्रे में दिखाना चाहते हैं। हम अपने टेक्स्ट का रंग निर्दिष्ट करने के लिए स्टाइल एट्रिब्यूट का उपयोग कर सकते हैं। यह वह कोड है जिसका उपयोग हम इस कार्य को पूरा करने के लिए कर सकते हैं:
नमस्कार, वहाँ! यह मेरी वेबसाइट है।
यह रहा हमारे कोड का आउटपुट:
जैसा कि आप देख सकते हैं, हमारे टेक्स्ट का रंग ग्रे में बदल गया है। ऐसा इसलिए है क्योंकि हमने एक शैली विशेषता निर्दिष्ट की है और
color. को बदल दिया है शैलीgray. के बराबर होनी चाहिए ।तत्व-विशिष्ट HTML विशेषताएँ
अन्य विशेषताओं की एक विस्तृत श्रृंखला है जिनका आप सामना कर सकते हैं जो किसी तत्व के लिए विशिष्ट हैं। यहां कुछ उदाहरण दिए गए हैं:
आईएमजी स्रोत
इस उदाहरण में, हमने src विशेषता निर्दिष्ट की है। इस विशेषता का उपयोग
img. के साथ किया जाता है उस फ़ाइल को इंगित करने के लिए टैग करें जिसे टैग को वेबपृष्ठ पर प्रस्तुत करना चाहिए।एक href
करियर कर्मा होमपेज
hrefइस उदाहरण में विशेषता का उपयोग<a>. बताने के लिए किया जाता है टैग करें कि लिंक पर क्लिक करने पर उपयोगकर्ता को किस साइट पर निर्देशित किया जाए।img alt
हमारे कोड में, हमने
alt. निर्दिष्ट किया है गुण। यह विशेषता आईएमजी टैग के लिए विशिष्ट है और वैकल्पिक टेक्स्ट निर्दिष्ट करती है जिसे वेबपृष्ठ द्वारा संसाधित किया जाता है यदि कोई छवि प्रदर्शित नहीं की जा सकती है।HTML में alt विशेषता को स्क्रीन रीडर द्वारा पढ़ा जा सकता है, इसलिए कोई नेत्रहीन व्यक्ति जो स्क्रीन रीडर पर निर्भर है, वह अभी भी हमारे वेबपेज को समझ सकता है।
HTML विशेषताओं का उपयोग कैसे करें:निष्कर्ष
विशेषताएँ अतिरिक्त गुण हैं जो HTML में किसी विशिष्ट तत्व पर लागू होते हैं। गुण हमेशा एक तत्व के शुरुआती टैग में निर्दिष्ट होते हैं और आमतौर पर नाम/मूल्य जोड़े का उपयोग करते हैं।
यह ट्यूटोरियल उदाहरणों के संदर्भ में, HTML में विशेषताओं की मूल बातें, बूलियन विशेषताएँ, कुछ मानक HTML विशेषताएँ और कुछ तत्व-विशिष्ट विशेषताएँ लेकर चला। अब आप जानते हैं कि HTML में विशेषताओं का उपयोग कैसे किया जाता है।
