HTML में Lists का प्रयोग
हम HTML में तीन
तरह की Lists Create कर सकते हैं, जो निम्नानुसार हैं:
- Unordered Lists, जो कि एक Bulleted List Create करता है।
- Ordered Lists, जो कि Characters या Numbers की एक Sequencial List Create करता है।
- Definition Lists, जो हमें किसी Term व उसकी Definition को Specify करने की सुविधा देता है।
An ordered list:
|
An unordered list:
|
An Description
List:
List item
- description
List item
- description
|
Ordered Lists
जब हमें हमारी
List कए निश्चित क्रम में चाहिए होती है, तब हम इस Element का प्रयोग कर सकते हैं।
हम इस List में अपने Item के साथ 1, 2, 3 आदि Numbers का, A, B, C आदि Letters का
अथवा i, ii, iii, आदि Roman Numbers का प्रयोग कर सकते हैं। एक Ordered List को
<ol> Element के बीच लिखा जाता है और हर List Item को <li> Element के
साथ इस <ol> Element में Nested किया जाता है।
एक Ordered List <ol> Element से शुरु होती है तथा
list मे हर item को <li> Tag
Pair के बीच में लिखते हैं और अंत में </ol> से close करते है।। list items के आगे numbers
के निशान होते है ।|
<ol>
<li>Coffee</li> <li>Milk</li> </ol> |
|
विभिन्न प्रकार के
Numbering Sequence प्राप्त करने के लिए हम Type Attribute का प्रयोग कर सकते हैं
और Type Attribute में निम्नानुसार किसी मान का प्रयोग करके हम अलग-अलग प्रकार के
Numbering System को उपयोग में ले सकते हैं।
|
Value
|
Description
|
Examples
|
|
1
|
Arabic numerals (the
default)
|
1, 2, 3, 4
|
|
A
|
Capital letters
|
A, B, C,
|
|
a
|
Small letters
|
a, b, c,
|
|
I
|
Large Roman numerals
|
I, II, III,
|
|
i
|
Small Roman numerals
|
i, ii, iii, iv
|
उदाहरण के लिए
यदि हमें Large Roman numerals Letters का Sequence चाहिए, तो <ol> Element में type
Attribute को हम निम्नानुसार Use कर सकते हैं:
<html><body><ol type=”I”> <li> number one</li> <li> number two</li> <li>
number three</li></ol></body></html> |
इस Type
Attribute को HTML 4.1 Version से Deprecated कर दिया गया है और इन्हें Style
Sheet द्वारा उपयोग में लिया जाता है।
<ol> Element के साथ किसी भी
Universal या UI Event Attribute को तथा start नाम के एक और Attribute को उपयोग
में लिया जा सकता है।
start Attribute Ordered List के Start होने के Number या
Character को तय करता है। ये भी एक Deprecated Attribute है। इसे हम निम्नानुसार
उपयोग में ले सकते हैं:
<html><body><ol type=”I” start=”3”> <li> number one</li> <li>
number two</li> <li>
number three</li></ol></body></html> |
जब हम उपरोक्त
उदाहरण को Run करते हैं, तब type Attribute
में Set किए गए Character “
यदि हम Bullet
Points की एक List Create करना चाहते हैं, तो हम इस Element का प्रयोग कर सकते है। इस Tag को List Item कहा जाता है।
unordered list <ul> Element से शुरु होती है तथा list की हर item <li> Tag
Pair के बीच में लिखते हैं और अंत में </ul> से close करते है। list items के आगे Bullet Point के निशान होते है ।|
<ul>
<li>Coffee</li> <li>Milk</li> </ul> |
|
<ul> व
<li> Elements में सभी Universal Attributes व UI Event Attributes को उपयोग
में लिया जा सकता है।
Description Lists
description List
एक Special प्रकार की List होती है, जिसमें किसी Term के साथ उस Term से सम्बंधित
एक Short Description लिखा जाता है।
description List को <dl> Element के बीच
लिखा जाता है, जिसमें <dt> व <dd> Element Nested होते हैं।
<dt> Element Term को Specify करता है, जबकि <dd> Element उस Term के
Description को Specify करता है।
यानि description List <dl> Element से
शुरु होती है तथा list मे हर terms/names
<dt> tag के साथ शुरु होती है तथा
उनकी Description <dd> tag के बाद शुरु होती है। इससे terms/names बाद उनकी व्याख्या के आगे डेश
(-) का निशान लग जाता है । इस List को हम निम्नानुसार उपयोग में लेते हैं:
|
<dl>
<dt>Coffee</dt> <dd>- black hot drink</dd> <dt>Milk</dt> <dd>- white cold drink</dd> </dl> |
Coffee
-
black hot drink
Milk
-
white cold drink
|
No comments:
Post a Comment