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

HTML <li> value एट्रिब्यूट


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

<li> एलिमेंट का value एट्रिब्यूट सूची आइटम (list item) का मान सेट करता है। चूंकि मान एक संख्या है, यह केवल HTML में <ol> एलिमेंट यानी क्रमबद्ध सूची (ordered list) के लिए सेट किया जाएगा।

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

<li value="num">

ऊपर, num क्रमबद्ध सूची में सूची आइटम का मान है।

उदाहरण

<!DOCTYPE html>
<html>
<body>
<h1>Subjects</h1>
<p>Following are the subjects -</p>
<ol>
  <li>Maths</li>
  <li>Science</li>
  <li>English</li>
  <li>French</li>
</ol>
<p>Remaining subjects -</p>
<ol>
  <li value="5">Coffee</li>
  <li>Accounts</li>
  <li>Programming</li>
  <li>Networking</li>
</ol>
</body>
</html>

आउटपुट

दूसरी सूची 5 से शुरू होगी (1 से नहीं):

HTML <li> value एट्रिब्यूट

कोड विश्लेषण

उपरोक्त उदाहरण में, हमने दो क्रमबद्ध सूचियां सेट की हैं:

<p>Following are the subjects -</p>
<ol>
  <li>Maths</li>
  <li>Science</li>
  <li>English</li>
  <li>French</li>
</ol>
<p>Remaining subjects -</p>
<ol>
  <li value="5">Coffee</li>
  <li>Accounts</li>
  <li>Programming</li>
  <li>Networking</li>
</ol>

उनमें से एक डिफ़ॉल्ट 1 से शुरू नहीं हो रही है। हमने value एट्रिब्यूट का उपयोग करके एक अलग मान सेट किया है:

<ol>
  <li value="5">Coffee</li>
  <li>Accounts</li>
  <li>Programming</li>
  <li>Networking</li>
</ol>

"Coffee" आइटम को मान 5 मिलता है, बाद के आइटम स्वचालित रूप से 6, 7, 8 हो जाते हैं।

नोट

  • value एट्रिब्यूट केवल <ol> (क्रमबद्ध सूची) के अंदर <li> पर काम करता है।
  • यह <ul> (अक्रमबद्ध सूची) पर कोई प्रभाव नहीं डालता।
  • मान एक पूर्णांक (integer) होना चाहिए।
  1. HTML value एट्रिब्यूट HTML value एट्रिब्यूट

    परिचय HTML value एट्रिब्यूट HTML दस्तावेज़ में एक HTML एलिमेंट के प्रारंभिक मान को परिभाषित करता है। इसे button, input, meter, li, option, progress और param HTML एलिमेंट्स पर लागू किया जा सकता है। सिंटैक्स <tagname value=text></tagname> उदाहरण <!DOCTYPE html> <html> <sty

  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