R.I.B.H.U. Academy^®

इनलाइन स्तर के HTML तत्वों का उपयोग करना

    आपने (पिछले पेजों में,) बहुत से HTML Elements देखे हैं, जिनमें से कुछ BLOCK Level के हैं, और कुछ INLINE Level के हैं। इनलाइन स्तर और कुछ ब्लॉक स्तर के HTML तत्वों को बॉक्स प्रकार के HTML तत्वों के रूप में उपयोग नहीं किया जा सकता है, (उदाहरण के लिए, <span></span>, <p></p>, <pre></pre>, <h1></h1> और अन्य शीर्ष तत्व, आदि) अर्थात, अन्य ब्लॉक स्तर के तत्वों को उनके अंदर नहीं रखा जा सकता है।

    हालाँकि, कुछ HTML तत्व, जिन्हें INLINE स्तर के रूप में माना जाता है, BOX प्रकार या अन्य ब्लॉक स्तर के तत्वों को लपेट (wrap) सकते हैं। उनमें से एक <a href=""> </a> (ANCHOR टैग) है जिसमें href एट्रिब्यूट अनिवार्य है, और इसके लिए मान, दो दोहरे-उद्धरणों के अंदर, वेब-पृष्ठ का निरपेक्ष/ सापेक्ष पथ या (#id_name) स्थानीय पथ होना चाहिए।

    यहां, <a href="https://ribhuacademy.com"> दुसरे वेबसाइट पर जाएं </a> के अंदर, निरपेक्ष पथ वेब-पेज (या अन्य वेबसाइट) का पूरा नाम है, जिसे ANCHOR टैग लक्षित करेगा। सापेक्ष पथ वर्तमान वेबसाइट में WEB-PAGE फ़ाइल नाम है। स्थानीय पथ वर्तमान वेब-पृष्ठ में HTML तत्व का स्थान है।

    हालाँकि, <link href="" /> HTML तत्व में, href विशेषता के लिए मान WEB-PAGE या WEBSITE का नाम नहीं है, लेकिन यह (उदाहरण के लिए,) .css (स्टाइलशीट कोड के लिए) या .js (जावास्क्रिप्ट कोड के लिए) एक्सटेंशन वाली वास्तविक फ़ाइल है।

हाइपरलिंक्स:

    इंटरनेट (वेब) का आधार हाइपरलिंक्स है, जो हमें (सभी उपयोगकर्ताओं को) ब्राउज़ करने और वेब के आसपास जाने में सक्षम बनाता है। यह हाइपरलिंक <a href="" title=""> </a> के साथ बनाया जाता है (ANCHOR टैग में title विशेषता भी हो सकती है)। title विशेषता एंकर टैग के अंदर की जानकारी देता है जब माउस को <a href="" title=""> LINK </a> के ऊपर ले जाया जाता है। आप <a > </a> तत्व के अंदर कई चीजें लपेट (wrap) सकते हैं, उदाहरण के लिए, एक इमेज, टेक्स्ट या एक बॉक्स टाइप HTML एलिमेंट। आप इसका एक उदाहरण इस वेबसाइट के शीर्ष पर देख सकते हैं, यानी DIV तत्व के अंदर सभी तीन चीज़ें, LOGO (छवि), BRAND NAME (<h1></h1>), और SLOGAN (<h2><) /h2>), और अन्य DIV तत्व, एक ANCHOR तत्व के अंदर संलग्न हैं।

    एक ANCHOR तत्व के अंदर विभिन्न HTML तत्वों की यह नेस्टिंग बूटस्ट्रैप ढांचे के साथ आसानी से प्राप्त की जा सकती है । इसके अलावा, वेब-पेज के कई अन्य भाग (अनुभाग) बूटस्ट्रैप ढांचे के साथ आसानी से बनाए जा सकते हैं । ये सभी चीजें, यानी HTML संरचना बनाना, WEB-PAGEs को डिजाइन करना (CSS लागू करना), और WEB-PAGE के साथ बदलाव करना या बातचीत करना (उदाहरण के लिए, बाईं-माउस-बटन के साथ क्लिक करने या मोबाइल फोन पर अपनी उंगली से टैप करने पर छवियों को बड़ा करना - जावास्क्रिप्ट लागू करना) टेक्स्ट/कोड संपादक में लिखा जा सकता है । लेकिन, DRY (डोंट रिपीट योरसेल्फ) मंत्र को नहीं भूलना चाहिए।

<a href="#id_name" title="इसी पृष्ठ में विशिष्ट आईडी पर जाएं"> LINK </a> तत्व का उपयोग LOCAL LINK को (इसी पृष्ठ में, एक HTML तत्व के लिए, जिसके अंदर विशिष्ट आईडी रखी गई है) एंकर करने के लिए किया जाता है।

<a href="" target="_blank"> </a> ANCHOR टैग के अंदर target विशेषता का उपयोग चार अलग-अलग मानों के साथ किया जाता है: _blank टेक्स्ट लिंक को वेब-ब्राउज़र के नए टैब में खोल देगा ।

<a href="" target="_self"> </a> का उपयोग वर्तमान ब्राउज़िंग टैब में टेक्स्ट लिंक खोलने के लिए किया जाना चाहिए। यह डिफ़ॉल्ट व्यवहार है, जब target विशेषता मौजूद नहीं होती है।

<a href="" target="_parent"> </a> का उपयोग ब्राउज़र के पिछले (पेरेंट) पृष्ठ में टेक्स्ट लिंक खोलने के लिए किया जाना चाहिए। यदि कोई पैरेंट पेज नहीं है, तो यह _self जैसा व्यवहार करता है।

<a href="" target="_top"> </a> का उपयोग मूल पृष्ठ के शीर्ष पर स्थित टेक्स्ट लिंक को खोलने के लिए किया जाता है।

कुछ उपयोगी इनलाइन स्तर HTML तत्व:

    निम्नलिखित उदाहरणों में 'texts' शब्द पर विचार करें:

<b> </b> तत्व का उपयोग इसके अंदर के texts को देखने के लिए किया जाना चाहिए।

<strong> </strong> एलिमेंट का सर्च इंजन ऑप्टिमाइजेशन के लिए, कुछ बार इस्तेमाल किया जाना चाहिए, इसके अंदर के texts बहुत महत्वपूर्ण हैं।

<i> </i> तत्व का उपयोग इसके अंदर के texts को ITALIC देखने के लिए किया जाना चाहिए।

<em> </em> तत्व, इसी तरह, खोज इंजन अनुकूलन के लिए कुछ बार इस्तेमाल किया जाना चाहिए कि इसके अंदर के texts पर बल दिया जाता है।

<small> </small> तत्व का उपयोग इसके अंदर के texts को वर्तमान फ़ॉन्ट-आकार (लगभग 80%) से छोटा बनाने के लिए किया जाना चाहिए।

<mark> </mark> एलिमेंट का इस्तेमाल texts (इसके अंदर के पाठों को, पीले रंग की पृष्ठभूमि-रंग के साथ) हाइलाइट करने के लिए करना चाहिए। हालाँकि, कुछ framework, जैसे बूटस्ट्रैप उन texts को हल्के-पीले (#fcf8e3) पृष्ठभूमि-रंग के साथ कस्टम हाइलाइट बनाएगी।

<del> </del> एलिमेंट इसके अंदर, texts को (हटा दिया गया) दिखाने के लिए इस्तेमाल किया जाना चाहिए।

<s> </s> तत्व का उपयोग इसके अंदर के texts को स्ट्राइक करने के लिए किया जाना चाहिए।

<ins> </ ins> तत्व इसके अंदर texts रेखांकित (अंडरलाइन) करने के लिए इस्तेमाल किया जाना चाहिए।

<u> </u> तत्व अप्रचलित है, और इसका भी उपयोग इसके अंदर के texts को रेखांकित करने के लिए किया जाता है।

 तत्व का उपयोग इसके अंदर के _texts को सब-स्क्रिप्ट करने के लिए किया जाना चाहिए। उदाहरण के लिए, पानी (जल) का आण्विक सूत्र H₂O है।

 तत्व का उपयोग इसके अंदर के ^texts को सुपर-स्क्रिप्ट करने के लिए किया जाना चाहिए। उदाहरण के लिए, (a + b)² = a² + 2ab + b²

<q> </q> तत्व का उपयोग इसके अंदर के texts को उद्धृत करने के लिए किया जाना चाहिए। हालाँकि, नेस्टेड <q> text1 <q> text2 </q> text3 </q> उन उद्धरणों को अलग तरह से दिखाएगा।

<abbr title="Recreative Interaction on Biodiversity & Humanity Universe"> R.I.B.H.U. </abbr> तत्व का उपयोग इसके अंदर के संक्षिप्त पाठ R.I.B.H.U. का विवरण बताने के लिए किया जाना चाहिए, जो title विशेषता से जानकारी दिखाएगा, जब माउस को इसके ऊपर ले जाया जाएगा (पॉइंटर: माउस का [cursor विशेषता] को help में बदल दिया गया है ) .

<Cite> </Cite> तत्व का उपयोग इसके अंदर के texts को उद्धृत (cite) करने के लिए किया जाना चाहिए।

<code> </code> तत्व का उपयोग इसके अंदर texts को कोड करने के लिए किया जाना चाहिए (फ़ॉन्ट-फ़ैमिली को मोनोस्पेस में बदल दिया गया है)। हालांकि, कुछ फ्रेमवर्क, जैसे बूटस्ट्रैप इन्हें (<code> </code>) क्रिमसन (#c7254e) फॉन्ट-कलर और सफेद (#f9f2f4) बैकग्राउंड-कलर के साथ बना देगा।

<kbd> </kbd> तत्व का उपयोग इसके अंदर कुंजीपटल input texts संलग्न करने के लिए किया जाना चाहिए (फ़ॉन्ट-फ़ैमिली को मोनोस्पेस में बदल दिया गया है)। हालांकि, कुछ फ्रेमवर्क, जैसे बूटस्ट्रैप इन <kbd> </kbd> को सफेद (#fff) फॉन्ट-कलर में और डार्क-ग्रे (#333) बैकग्राउंड-कलर के साथ बना देगा।

<bdo dir="rtl"> विभिन्न भाषाओं में निम्नलिखित पाठ को देखें </bdo> जैसा कि उदाहरण में बताया गया है:

اردو، عربی اور عبرانی میں تحریریں دائیں سے بائیں لکھی جاتی ہیں۔         उर्दू

تتم كتابة النصوص باللغة الأردية والعربية والعبرية من اليمين إلى اليسار.     अरबी

טקסטים באורדו, ערבית ועברית נכתבים מימין לשמאל.         हिब्रू