HTML Lists

මේවා තුන් ආකාරයකට දැක ගත හැකි වේ. ඒවා නම්,
<ul> - unordered list; මෙහිදී යම් යම් සළකුණු මගින් ලැයිස්තු සාදා පෙන්වයි.
<ol> - odered list; මෙහිදී අංක මගින් ලැයිස්තු සාදා පෙන්වයි.
<dl> - definition list; මෙහිදී ශබ්ධකෝෂයක් ආකාරයට ලැයිස්තු සාදා පෙන්වයි.
මෙහිදී <li> යනු List Item හෙවත් ලැයිස්තු අංගයන්ය.

Unorded List

<ul>
<li>Milk</li>
<li>Tea</li>
<li>Car</li>
<li>Bread</li>
</ul>

Unorded List වර්ග තුන් ආකාර වේ. ඒවානම්,
Circle; මැද හිස්වු වෘත්ත
Disc; මැද පිරවු වෘත්ත
Square; මැද පිරවු චතුරශ්‍ර

Circle
<ul type="circle">
<li>Milk</li>
<li>Tea</li>
<li>Car</li>
<li>Bread</li>
</ul>

Disc
<ul type="disc">
<li>Milk</li>
<li>Tea</li>
<li>Car</li>
<li>Bread</li>
</ul>

Square
<ul type="square">
<li>Milk</li>
<li>Tea</li>
<li>Car</li>
<li>Bread</li>
</ul>

Ordered Lists

<ol>
<li>HTML</li>
<li>CSS</li>
<li>Java Script</li>
</ol>

Orded List වර්ග සිවු ආකාර වේ. ඒවානම්,
<ol type="a"> සිම්පල් අකුරු පදනම් කරගනිමින් ලැයිස්තු සාදයි
<ol type="A"> කැපිටල් අකුරු පදනම් කරගනිමින් ලැයිස්තු සාදයි
<ol type="i"> සිම්පල් අංක පදනම් කරගනිමින් ලැයිස්තු සාදයි
<ol type="I"> කැපිටල් අංක පදනම් කරගනිමින් ලැයිස්තු සාදයි

Definition වර්ගයේ Lists වලදී tags වර්ග තුනක් දැක ගත හැකි වේ.
<dl> ලැයිස්තුවේ ආරම්භය සටහන් කරයි.
<dt> විස්තර කල යුතු වචනය මෙහි සටහන් කරයි.
<dd> වචනයට අදාල විස්තරය සටහන් කරයි.

<dl>
<dt>HTML</dt>
<dd>Hyper Text Markup Language</dd>
<dt>CSS</dt>
<dd>Cascading Style Sheets</dd>
</dl>