HTML मे आप किसी भी जानकारी को Lists के द्वारा भी Represent कर सकते है. Lists के द्वारा आप अपने वेब पेज को Well Ordered बना सकते है. HTML से आप 3 तरह की List बना सकते है.
HTML मे Lists का उपयोग Information के Related Pieces को एक साथ मिलाने के लिए किया जाता है. HTML मे तीन प्रकार की Lists उपलब्ध होती है.
<ul>...</ul> Tag का उपयोग Unordered List बनाने के लिए किया जाता है.
<ol>.../ol> Tag का उपयोग Ordered List बनाने के लिए किया जाता है.
<dl>...</dl> Tag का उपयोग Definition List बनाने के लिए किया जाता है.
Unordered List को <ul>...</ul> Tag के द्वारा Define किया जाता है. ये List Unordered Form मे होती है. और ये Items Bullets से Define की जाती है.
<!DOCTYPE html>
<html>
<head>
<title>Unordered List Example</title>
</head>
<body>
<h3>Unordered List Example</h3>
<ul>
<li>Shahrukh Khan</li>
<li>Salman Khan</li>
<li>Amir Khan</li>
<li>Ranbir Singh</li>
</ul>
</body>
</html>
Ordered List को <ol>...</ol> Tag के द्वारा Define किया जाता है. ये List Ordered Form मे होती है. इसको आप Numbers(1,2,3,4,5,6,7,8,9) और Alphabets(a,b,c,d,e,f,g.h.i) दोनो तरह से Define कर सकते है.
<!DOCTYPE html>
<html>
<head>
<title>Ordered List</title>
</head>
<body>
<ol>
<li>Shahrukh Khan</li>
<li>Salman Khan</li>
<li>Amir Khan</li>
<li>Ranbir Singh</li>
</ol>
</body>
</html>
Definition List को <dl>...</dl> Tag के द्वारा Define किया जाता है. और ये List तीन प्रकार से काम करती है.
<dl> Tag Description List को परिभाषित करता है.
<dt> Tag Term (name) को परिभाषित करता है.
<dd> Tag Describes को परिभाषित करता है.
<!DOCTYPE html>
<html>
<head>
<title>Definition List Example</title>
</head>
<body>
<h3>Definition List Example</h3>
<dl>
<dt><b>Tutorialsroot</b></dt>
<dd>Learn HTML, PHP, HTML5 with examples</dd>
<dt><b>CSS</b></dt>
<dd>CSS3</dd>
</dl>
</body>
</html>