ওয়েবপেইজ এ কিছু কিছু তথ্যকে সুসংগঠিত করে তালিক বা লিস্ট আকারে প্রকাশ করার প্রয়োজন হয়। তার জন্য রয়েছে HTML List. HTML সাধারণত তিন ধরেনের List সমর্থন করে।

1. Undordered Lists

যেমনঃ

  • পারি চাকমা
  • রিতু চাকমা
  • উন্নয়ন চাকমা

নিচে এটির কোড দেখানো হল –

<ul type=”disk”>

<li> পারি চাকমা </li>

<li> রিতু চাকমা </li>

<li> উন্নয়ন চাকমা</li>

</ul>

Unordered List সাধারণত বৃত্তাকার, ভরাটবৃত্ত বা বর্গাকার বুলেটের মাধ্যমে প্রকাশ করা হয়।

Example: <ul type=”disk/circle/square”>

<ul> ট্যাগ এর ভিতর যে <li> ট্যাগ থাকে সেখানে type Attribute ব্যবহার করে এক এক আইটেম এ এক এক টাইপ অর্থাৎ disk/circle/square দেয়া যায়।

যেমনঃ

2. Ordered Lists

যেমনঃ

  1. এডিশন
  2. সুস্মিত
  3. বীরউত্তম

নিচে এটির কোড দেখানো হল –

<ol type=”disk”>

<li> এডিশন </li>

<li> সুস্মিত </li>

<li> বীরউত্তম</li>

</ol>

Ordered List সাধারণত কয়েক টাইপের হয়ে থাকে – যেমনঃ Type A, Type a , Type I, type i .

<ol> ট্যাগে 2 টি Attribute ব্যবহার করা যায় ।

১। type

২। start

Example: <ol type=”A / a / I / i” >

3 Definition Lists

এই লিস্ট এর ফরম্যাট অনেকটা ডিকশনারির মতো তাই এটাকে ডেফিনিশন লিস্ট বলা হয় ।

এখানে দুইটি প্রধান উপাদান রয়েছে –

  1. Definition Term ( <dt>…</dt> )
  2. Definition Description ( <dd>…</dd> )

যেমনঃ

<dl>

<dt>পারি চাকমা</dt>

<dd>লম্বা, চিকনা ও সুন্দরী, ছেলেরা তাকে পাওয়ার জন্য পাগল হয়ে থাকে কিন্তু সে কোরিয়ান ছেলেদের পছন্দ করে</dd>

<dt>রিতু চাকমা </dt>

<dd>সে আগে সাকসেস একাডেমীতে আই সি টি পড়তে আসতো এখন আর আসে না</dd>

<dt>উনয়ন চাকমা </dt>

<dd>ছেলেটার চুলের স্টাইল অসাধারণ। মেয়েরা তাকে পাওয়ার জন্য মরিয়া হয়ে থাকে।</dd>

</dl>

আউটপুটঃ