HTML कैसे सीखे ,Attributes of HTML

Lesson 3: Attributes

HTML  attributes list with examples

अब तक, आप पहले ही टैग का उपयोग देख चुके हैं। हालाँकि, इस में पहले से दिए गए अधिकांश उदाहरण, टैग अपने सरलतम रूपों में उपयोग किए जाते हैं। सभी टैग में उनके साथ संबंधित विशेषताएँ भी होती हैं। विशेषताएँ में कुछ अतिरिक्त जानकारी होती है जिसका उपयोग प्रोग्रामर की जरूरतों के अनुसार टैग के व्यवहार को अनुकूलित करने के लिए किया जा सकता है।

एक विशेषता संबंधित तत्व की एक विशेषता है जिसे डेवलपर द्वारा आवेदन की आवश्यकताओं के अनुसार अनुकूलित किया जा सकता है। यह आम तौर पर HTML तत्व के शुरुआती टैग के अंदर मौजूद होता है। इसके अलावा, एक विशेषता के दो भाग होते हैं, नाम और मूल्य।

तत्व का नाम उस संपत्ति या विशेषता को संदर्भित करने के लिए उपयोग किया जाता है जिसे आप सेट करना चाहते हैं। उदाहरण के लिए, <p> तत्व में एक विशेषता संरेखण है, जिसका उपयोग इस तत्व में मौजूद पाठ के संरेखण को बदलने के लिए किया जाता है। इसलिए, संरेखण तत्व का नाम है, और इस विशेषता के हिस्से में आवश्यक कोई भी परिवर्तन इस नाम के संदर्भ में किया जाना चाहिए।

विशेषता का मूल्य संपत्ति का मूल्य है जिसे आप सेट करना चाहते हैं और सिस्टम को इस तत्व के लिए उपयोग करना चाहते हैं। एक नियम के रूप में, मूल्य हमेशा उद्धरण चिह्नों के भीतर संलग्न होता है। विशेषता नाम ' align ’के उदाहरण को ध्यान में रखते हुए, यह बाएं, दाएं और केंद्र मानों को पकड़ सकता है।

यहां यह उल्लेख करना महत्वपूर्ण है कि मान केस के प्रति संवेदनशील नहीं हैं और केंद्र या केंद्र को सिस्टम “center” के रूप में समझा जाएगा। इसके साथ ही कहा गया है, मान निर्दिष्ट करने के लिए अपनाए जाने वाले मानक या अधिवेशन निम्न मामले मानों के उपयोग की अनुशंसा करते हैं। यह दिखाने के लिए कि आपके काम के संदर्भ में नीचे दिए गए नमूने कोड कैसे हैं।

<!doctype html>

 <html>

<head>

 <title>Attribute demo</title>

</head>

<body>

<p align = "center">center aligned!</p> <p align = "left">Left aligned!</p> <p align = "right">Right aligned!</p>

</body>

</html>

इस कोड के अनुरूप वेबपेज इस तरह दिखेगा 

Core Attributes 

कुछ विशेषताओं का उपयोग एचटीएमएल तत्वों के बहुमत द्वारा किया जाता है और इस प्रकार उन्हें कोर तत्वों के रूप में संदर्भित किया जाता है। इन विशेषताओं में वर्ग, शीर्षक, आईडी और शैली शामिल हैं। तत्व 'आईडी' का उपयोग किसी HTML पृष्ठ के अंदर किसी भी HTML तत्व की विशिष्ट पहचान के लिए किया जाता है। यह विशेषता आम तौर पर उन परिदृश्यों में उपयोग की जाती है जहां वेबपेज में एक ही नाम के कई तत्व होते हैं। यहाँ एक उदाहरण है जो दिखाता है कि दो अलग-अलग पैराग्राफ तत्वों के बीच पहचान करने के लिए आईडी विशेषता का उपयोग कैसे किया जा सकता है।

<p id = "CSS"> css </ p>

  <p id = "Html"> html </ p>

किसी तत्व के लिए सुझाए गए शीर्षक को शीर्षक विशेषता का उपयोग करके दिया जा सकता है। इस विशेषता को उसी तरह से घोषित किया जा सकता है जिस तरह से आईडी विशेषता को किया जाता है। जिस तरह से यह विशेषता काफी हद तक व्यवहार करेगी, वह संबंधित तत्व पर निर्भर करती है। ज्यादातर मामलों में, शीर्षक तब प्रदर्शित होता है जब कर्सर का tooltip तत्व पर हो जाता है या लोड होने के समय। नमूना कोड यह प्रदर्शित करने के लिए कि ये विशेषता कैसे काम करती है नीचे दिए गए हैं।

<!doctype html>

<html>

 <head>

<title>Attribute demo</title>

 </head>

<body>

<h3 title = "this is html!">example</h3>

</body>

</html>

इस कोड के अनुरूप वेबपेज इस तरह दिखेगा

जब कर्सर को 'उदाहरण' पर हॉवर किया जाता है, तो दिए गए शीर्षक को कर्सर के साथ प्रदर्शित किया जाता है। वेबपेज बनाते समय प्रमुख आवश्यकताओं में से एक वेबपेज को स्टाइल शीट से जोड़ना है। इस ऑपरेशन को करने के लिए वर्ग विशेषता का उपयोग किया जाता है। स्टाइल शीट पर एक विस्तृत चर्चा बाद के अध्यायों में से एक में दी गई है। HTML एक वेबपेज के लिए कई स्टाइल शीट बनाने की अनुमति देता है। इनमें से प्रत्येक शैली पत्रक को अल्पविराम से अलग की गई सूची का उपयोग करके निर्दिष्ट किया जा सकता है। इस विशेषता का उपयोग कैसे किया जा सकता है इसका एक उदाहरण नीचे आपके संदर्भ के लिए दिया गया है। क्लास = "classname1 classname2 classname3" एक तत्व की सामग्री के लिए सीएसएस नियमों को निर्दिष्ट करने के लिए, शैली विशेषता का उपयोग किया जा सकता है।

<!doctype html>

<html>

 <head>

 <title>demo Style Attribute</title>

 </head>

<body>

 <p style = "font-family:arial; color:#ff0000;">Sample</p>

</body>

</html>

इस कोड के अनुरूप वेबपेज इस तरह दिखेगा

दिए गए कोड का वेबपेज इस तरह दिखेगा। सीएसएस के विवरण और उसी से जुड़े नियमों के बारे में ज्यादा परेशान न करें। एक बार जब हम स्टाइल शीट्स पर विस्तार से चर्चा करते हैं, तो हम उनमें गहराई से देखेंगे।

Internationalization Attributes 

अधिकांश XHTML तत्व तीन अंतर्राष्ट्रीयकरण विशेषताओं का समर्थन करते हैं, जिसमें dir, lang और XML: lang शामिल हैं। पाठ प्रवाह की दिशा dir विशेषता का उपयोग करके निर्दिष्ट की जा सकती है। यह विशेषता केवल दो मान रख सकती है, जो कि ltr और rtr हैं। पूर्व इंगित करता है कि पाठ बाएं से दाएं दिशा में प्रवाहित होगा। दूसरी ओर, उत्तरार्द्ध इंगित करता है कि पाठ अरबी और हिब्रू जैसी भाषाओं के मामले में दाईं से बाईं ओर बहती है। इस विशेषता के कार्य को प्रदर्शित करने के लिए नमूना कोड आपके संदर्भ के लिए नीचे दिया गया है।

<!doctype html>
<html dir = "rtl">
 <head>
 <title>display directions</title>
 </head>
<body>Left to Right</body>
</html>

इस कोड के अनुरूप वेबपेज इस तरह दिखेगा

विशेषता की स्थिति इसके नियंत्रण के दायरे को निर्धारित करती है। उदाहरण के लिए, यदि टैग HTML टैग के भीतर उपयोग किया जाता है, तो पाठ प्रवाह दिशा तदनुसार पूरे दस्तावेज़ के लिए निर्धारित की जाती है। दूसरी ओर, यदि दस्तावेज़ के किसी विशिष्ट तत्व के भीतर टैग का उपयोग किया जाता है, तो उस तत्व के लिए दिशा निर्धारित की जाती है। वेबपेज विभिन्न भाषाओं में बनाए जा सकते हैं। इसलिए, ब्राउज़र को यह बताने के लिए कि वर्तमान वेबपृष्ठ किस भाषा का उपयोग कर रहा है, 'लैंग'

एक विशेषता का उपयोग किया जाता है। यहां यह उल्लेख करना महत्वपूर्ण है कि इस विशेषता को रखा गया था और पिछड़े संगतता को बनाए रखने के लिए इसे हटाया नहीं गया क्योंकि इसे एक्सएमएल के साथ एक्सएमएल दस्तावेजों में पहले से ही बदल दिया गया है। इस विशेषता के कार्य को प्रदर्शित करने के लिए नमूना कोड नीचे दिया गया है।

<!doctype html>
 <html lang = "en">
<head>
 <title>Attribute lang demo</title>
</head>
 <body>English</body>
 </html>

इस कोड के अनुरूप वेबपेज इस तरह दिखेगा

जैसा कि पहले उल्लेख किया गया है, lang 'लैंग ’विशेषता को XML: Lang के साथ बदल दिया गया है, जो वर्तमान में वेब पेज भाषा का उल्लेख करने के लिए मानक विशेषता है

generic Attributes

ऊपर बताई गई विशेषताओं के अलावा, कुछ अन्य विशेषताएं भी हैं, जिनका उपयोग HTML टैग्स के साथ कई किया जा सकता है। ये विशेषताएँ इस प्रकार हैं -

Align

यह विशेषता बाएं, दाएं और केंद्र के तीन मान ले सकती है, और आमतौर पर HTML तत्व की सामग्री को संरेखित करने के लिए उपयोग किया जाता है।

Valign 

इस विशेषता का उपयोग HTML तत्व में टैग के ऊर्ध्वाधर संरेखण के लिए किया जाता है। यह मान ले सकता है - नीचे, मध्य और ऊपर।

ʙgcolor

एक तत्व के लिए पृष्ठभूमि का रंग bgcolor टैग का उपयोग करके बदला जा सकता है। यह सांख्यिक, हेक्साडेसिमल और आरजीबी मूल्यों के रंग ले सकता है।

ʙackground

HTML आपको पृष्ठभूमि टैग का उपयोग करके तत्व के पीछे एक छवि रखने की अनुमति देता है। यह टैग छवि के मूल्य के अनुरूप URL लेता है।

Id 

इस विशेषता का उपयोग एक Id को परिभाषित करने के लिए किया जाता है जिसे आगे CSS के साथ प्रयोग किया जा सकता है।

Class

इस विशेषता का उपयोग किसी तत्व को वर्गीकृत करने के लिए किया जाता है जिसे आगे CSS के साथ प्रयोग किया जा सकता है।

Width 

चौड़ाई विशेषता का उपयोग करके तालिका की छवियों, तालिकाओं और कोशिकाओं की चौड़ाई को निर्दिष्ट किया जा सकता है। यह संख्यात्मक मानों को स्वीकार करता है।

height

लंबाई  विशेषता का उपयोग करके तालिका की छवियों, तालिकाओं और कोशिकाओं की ऊंचाई को निर्दिष्ट किया जा सकता है। यह संख्यात्मक मानों को स्वीकार करता है।

Title

यह विशेषता डेवलपर को तत्वों के पॉप-शीर्षक को सेट करने की अनुमति देती है।

TRANSLATE IN ENGLISH

Also Read:-

Lesson 2.Basic tags

Lesson 1.overview of HTML