Computer >> कंप्यूटर ट्यूटोरियल >  >> प्रोग्रामिंग >> HTML

HTML <ol> reversed एट्रिब्यूट


<ol> एलिमेंट का reversed एट्रिब्यूट

HTML में <ol> एलिमेंट का reversed एट्रिब्यूट एक बूलियन एट्रिब्यूट है जो क्रमबद्ध सूची (ordered list) में सूची आइटम्स के उल्टे क्रम (reversed ordering) को निर्दिष्ट करता है। यह अवरोही क्रम (descending order) में संख्या प्रदर्शित करता है और HTML5 में पेश किया गया था।

वाक्यविन्यास (Syntax)

<ol reversed>

उदाहरण

<!DOCTYPE html>
<html>
<body>
<h2>Rank in Descending order</h2>
<ol reversed>
  <li>Tom</li>
  <li>Jack</li>
  <li>Will</li>
  <li>Harry</li>
  <li>Tim</li>
  <li>Steve</li>
  <li>David</li>
  <li>Kane</li>
  <li>William</li>
  <li>John</li>
</ol>
</body>
</html>

आउटपुट

सूची 10 से 1 तक उल्टे क्रम में संख्या दिखाएगी:

HTML <ol> reversed एट्रिब्यूट

कोड विश्लेषण

उपरोक्त उदाहरण में, हमने <li> के तहत निम्न सूची आइटम्स के साथ एक क्रमबद्ध सूची सेट की है:

<li>Tom</li> <li>Jack</li> <li>Will</li> <li>Harry</li> <li>Tim</li> <li>Steve</li> <li>David</li> <li>Kane</li> <li>William</li> <li>John</li>

उपरोक्त <ol> एलिमेंट के तहत एक क्रमबद्ध सूची के लिए जाता है। उल्टे क्रम के लिए, reversed एट्रिब्यूट का उपयोग करें:

<ol reversed>
  <li>Tom</li> <li>Jack</li> ... <li>John</li>
</ol>

अन्य <ol> एट्रिब्यूट्स

  • start - प्रारंभिक संख्या सेट करता है (डिफ़ॉल्ट 1)।
  • type - संख्या शैली: "1" (संख्या), "A" (बड़े अक्षर), "a" (छोटे अक्षर), "I" (बड़े रोमन), "i" (छोटे रोमन)।
  • reversed - अवरोही क्रम के लिए।

संयुक्त उदाहरण: <ol start="10" reversed type="A"> (J, I, H... से शुरू)।

  1. HTML multiple एट्रिब्यूट HTML multiple एट्रिब्यूट

    परिचय HTML multiple एट्रिब्यूट उपयोगकर्ता को एक से अधिक मान चुनने/दर्ज करने की अनुमति देता है। यह केवल <input> या <select> HTML एलिमेंट पर लागू होता है। सिंटैक्स <tagname multiple></tagname> उदाहरण <!DOCTYPE html> <html> <style> body { color: #000;

  1. HTML DOM nextSibling प्रॉपर्टी HTML DOM nextSibling प्रॉपर्टी

    HTML DOM nextSibling प्रॉपर्टी निर्दिष्ट एलिमेंट नोड के तुरंत बाद आने वाले एलिमेंट नोड को लौटाती है। नोट: यह प्रॉपर्टी टेक्स्ट और कमेंट नोड्स को नज़रअंदाज़ नहीं करती। सिंटैक्स nodeList.nextSibling उदाहरण <!DOCTYPE html> <html> <head> <title>HTML DOM nextSibling</title>

  1. HTML DOM nextElementSibling प्रॉपर्टी HTML DOM nextElementSibling प्रॉपर्टी

    HTML DOM nextElementSibling प्रॉपर्टी निर्दिष्ट एलिमेंट नोड के तुरंत बाद आने वाले एलिमेंट नोड को लौटाती है। नोट: यह प्रॉपर्टी टेक्स्ट और कमेंट नोड्स को नज़रअंदाज़ करती है। सिंटैक्स nodeList.nextElementSibling उदाहरण <!DOCTYPE html> <html> <head> <title>HTML DOM nextElementSi