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