HTML में विवरण सूची का उपयोग कैसे करें?

उपरोक्त कोड स्निपेट की व्याख्या:

• • सबसे पहले, अभिभावक ' डिव 'तत्व बनाया गया है जो विवरण सूची तत्व और अन्य HTML तत्वों जैसे' के लिए एक कंटेनर की तरह कार्य करता है <एच2> ”।
  • अगला, विवरण सूची ' <डीएल> ” टैग का उपयोग विवरण सूची के लिए वातावरण स्थापित करने के लिए किया जाता है।
  • फिर, विवरण का नाम/शब्द “ <डीटी> ” टैग का उपयोग उन वस्तुओं के विवरण को परिभाषित करने के लिए किया जाता है जिनका विवरण जोड़ा जा रहा है।
  • उसके बाद, विवरण डेटा ' <डीडी> ” टैग डाला गया है जिसमें विवरण आइटम से संबंधित विवरण / जानकारी शामिल है।

संकलन चरण के अंत के बाद, HTML तत्व वेबपेज पर इस तरह दिखाई देते हैं:

आउटपुट से पता चलता है कि विवरण सूची तैयार की गई है।

उदाहरण 1: एक शब्द के लिए एकाधिक विवरण असाइन करें

विवरण तालिका बनाई जा सकती है जिसमें एक शब्द के लिए एक से अधिक विवरण हों। यह विशेष रूप से उपयोगी हो सकता है यदि एक से अधिक अर्थ या विधि है जिसके द्वारा विवरण शब्द को समझाया जा सकता है।

उपरोक्त परिदृश्य के लिए कोड नीचे दिखाया गया है: