একটি আনঅর্ডার্ড লিস্ট <ul> ট্যাগ দিয়ে শুরু হয়। প্রতিটি লিস্ট আইটেম <li> ট্যাগ দিয়ে শুরু হয়।
লিস্ট আইটেমগুলো ডিফল্টভাবে বুলেট (ছোট কালো বৃত্ত) দিয়ে চিহ্নিত হবে:
<ul>
<li>Coffee</li>
<li>Tea</li>
<li>Milk</li>
</ul>লিস্ট আইটেম মার্কারের স্টাইল নির্ধারণ করতে CSS-এর list-style-type প্রপার্টি ব্যবহার করা হয়:
| মান | বিবরণ |
|---|---|
| disc | লিস্ট আইটেম মার্কারকে বুলেট হিসেবে সেট করে (ডিফল্ট) |
| circle | লিস্ট আইটেম মার্কারকে বৃত্ত হিসেবে সেট করে |
| square | লিস্ট আইটেম মার্কারকে বর্গক্ষেত্র হিসেবে সেট করে |
| none | লিস্ট আইটেমগুলো চিহ্নিত করা হবে না |
<ul style="list-style-type:disc;">
<li>Coffee</li>
<li>Tea</li>
<li>Milk</li>
</ul>একটি অর্ডার্ড লিস্ট <ol> ট্যাগ দিয়ে শুরু হয়। প্রতিটি লিস্ট আইটেম <li> ট্যাগ দিয়ে শুরু হয়।
লিস্ট আইটেমগুলো ডিফল্টভাবে সংখ্যা দিয়ে চিহ্নিত হবে:
<ol>
<li>Coffee</li>
<li>Tea</li>
<li>Milk</li>
</ol><ol> ট্যাগের type অ্যাট্রিবিউট লিস্ট আইটেম মার্কারের ধরন নির্ধারণ করে:
| Type | বিবরণ |
|---|---|
| type="1" | লিস্ট আইটেমগুলো সংখ্যা দিয়ে ক্রমিক নম্বর পাবে (ডিফল্ট) |
| type="A" | লিস্ট আইটেমগুলো বড় হাতের অক্ষর দিয়ে ক্রমিক নম্বর পাবে |
| type="a" | লিস্ট আইটেমগুলো ছোট হাতের অক্ষর দিয়ে ক্রমিক নম্বর পাবে |
| type="I" | লিস্ট আইটেমগুলো বড় হাতের রোমান সংখ্যা দিয়ে ক্রমিক নম্বর পাবে |
| type="i" | লিস্ট আইটেমগুলো ছোট হাতের রোমান সংখ্যা দিয়ে ক্রমিক নম্বর পাবে |
<ol type="1">
<li>Coffee</li>
<li>Tea</li>
<li>Milk</li>
</ol>