एचटीएमएल भाषा में कई तत्व शामिल हैं। इनमें आमतौर पर प्रयुक्त वेबसाइट घटक जैसे अनुच्छेद, शीर्षक, लिंक और छवियां शामिल हैं। एचटीएमएल 5 के साथ कई नए तत्व भी पेश किए गए हैं, जिनमें हेडर, एनएवी, पाद लेख और बहुत कुछ शामिल है। इन सभी HTML तत्वों का उपयोग दस्तावेज़ की संरचना बनाने और इसका अर्थ देने के लिए किया जाता है। तत्वों के लिए और भी अर्थ जोड़ने के लिए, आप उन्हें विशेषताओं दे सकते हैं।
मूल HTML ओपनिंग टैग
अपने एचटीएमएल टैग में एक विशेषता जोड़ने के लिए, आप पहले टैग नाम के बाद एक जगह डालते हैं (इस मामले में यह "पी" है)। फिर आप उस विशेषता का नाम जोड़ देंगे जिसे आप उपयोग करना चाहते हैं उसके बाद बराबर चिह्न के बाद। अंत में, विशेषता मान उद्धरण चिह्नों में रखा जाएगा। उदाहरण के लिए:
<पी वर्ग = "खोलना">टैग में कई विशेषताएं हो सकती हैं। आप प्रत्येक विशेषता को दूसरों के साथ एक स्थान से अलग करेंगे।
<पी वर्ग = "खोलना" शीर्षक = "पहला अनुच्छेद">आवश्यक गुणों के साथ तत्व
कुछ एचटीएमएल तत्वों को वास्तव में गुणों की आवश्यकता होती है यदि आप चाहते हैं कि वे इरादे के अनुसार काम करें। छवि तत्व और लिंक तत्व इस के दो उदाहरण हैं।
छवि तत्व को "src" विशेषता की आवश्यकता होती है। वह विशेषता ब्राउज़र को बताती है कि आप उस स्थान पर किस छवि का उपयोग करना चाहते हैं। विशेषता का मान छवि के लिए एक फ़ाइल पथ होगा। उदाहरण के लिए:
आप देखेंगे कि मैंने इस तत्व, "alt" या वैकल्पिक टेक्स्ट विशेषता में एक और विशेषता जोड़ा है। यह तकनीकी रूप से छवियों के लिए एक आवश्यक विशेषता नहीं है, लेकिन यह सामग्री को हमेशा पहुंच के लिए शामिल करने का सबसे अच्छा अभ्यास है। Alt विशेषता के मान में सूचीबद्ध पाठ यह है कि कोई छवि किसी कारण से लोड होने में विफल होने पर प्रदर्शित होगी।
एक और तत्व जिसके लिए विशिष्ट विशेषताओं की आवश्यकता होती है वह एंकर या लिंक टैग है। इस तत्व में "href" विशेषता शामिल होनी चाहिए, जो 'हाइपरटेक्स्ट संदर्भ' के लिए खड़ा है। यह कहने का एक शानदार तरीका है कि "यह लिंक कहाँ जाना चाहिए।" जैसे कि छवि तत्व को यह जानने की आवश्यकता है कि कौन सी छवि लोड होनी चाहिए, लिंक टैग अवश्य होना चाहिए पता है कि इसे कहां करना चाहिए। यहां एक लिंक टैग कैसे दिख सकता है:
वह लिंक अब एक व्यक्ति को एक विशेषता के मूल्य में निर्दिष्ट वेबसाइट पर लाएगा। इस मामले में, यह मुख्य पृष्ठ है।
सीएसएस हुक के रूप में विशेषताएं
गुणों का एक अन्य उपयोग तब होता है जब उन्हें सीएसएस शैलियों के लिए "हुक" के रूप में उपयोग किया जाता है। चूंकि वेब मानकों का निर्देश है कि आपको अपने पृष्ठ की संरचना (एचटीएमएल) को अपनी शैलियों (सीएसएस) से अलग रखना चाहिए, आप सीएसएस में इन विशेषता हुक का उपयोग यह निर्धारित करने के लिए करते हैं कि संरचित पृष्ठ वेब ब्राउज़र में कैसे प्रदर्शित होगा। उदाहरण के लिए, आपके पास अपने HTML दस्तावेज़ में मार्कअप का यह टुकड़ा हो सकता है।
यदि आप चाहते थे कि विभाजन का काला रंग (# 000) और 1.5em का फ़ॉन्ट आकार हो, तो आप इसे अपने सीएसएस में जोड़ देंगे:
.featured {पृष्ठभूमि-रंग: # 000; फ़ॉन्ट आकार: 1.5em;}"फीचर्ड" क्लास विशेषता एक हुक के रूप में कार्य करती है जिसे हम उस क्षेत्र में शैलियों को लागू करने के लिए सीएसएस में उपयोग करते हैं। अगर हम चाहते थे तो हम यहां एक आईडी विशेषता भी दे सकते हैं। दोनों वर्ग और आईडी सार्वभौमिक गुण हैं, जिसका अर्थ है कि उन्हें किसी भी तत्व में जोड़ा जा सकता है। वे उस तत्व की दृश्य उपस्थिति निर्धारित करने के लिए विशिष्ट सीएसएस शैलियों के साथ भी लक्षित किए जा सकते हैं।
जावास्क्रिप्ट के बारे में
अंत में, कुछ HTML तत्वों पर विशेषताओं का उपयोग करना कुछ भी है जो आप जावास्क्रिप्ट में उपयोग कर सकते हैं। यदि आपके पास एक ऐसी स्क्रिप्ट है जो किसी विशिष्ट आईडी विशेषता वाले तत्व की तलाश में है, तो यह HTML भाषा के इस सामान्य टुकड़े का एक और उपयोग है।