একটি সংগঠিত এবং পাঠযোগ্য পদ্ধতিতে ডেটা প্রদর্শনের জন্য তালিকাগুলি HTML এর একটি অপরিহার্য অংশ। এইচটিএমএল তিনটি প্রধান প্রকারের তালিকা প্রদান করে: ক্রমবিহীন তালিকা, আদেশকৃত তালিকা এবং সংজ্ঞা তালিকা।
ক্রমবিহীন তালিকা(<ul>) নির্দিষ্ট বুলেট পয়েন্ট ব্যবহার করে এবং ইনডেন্ট করা আইটেম হিসাবে প্রদর্শিত হয়, সাধারণত কালো বিন্দু ব্যবহার করে। এই আইটেমগুলির তালিকা করার জন্য এটি একটি জনপ্রিয় পছন্দ যার জন্য একটি নির্দিষ্ট অর্ডারের প্রয়োজন নেই৷
অর্ডার করা তালিকা(<ol>) নির্দিষ্ট সংখ্যায়ন বা অক্ষর চিহ্নিতকারী ব্যবহার করে এবং একটি ক্রমানুসারে অর্ডার করা তালিকা হিসেবে প্রদর্শিত হয়। এটি প্রায়শই একটি নির্দিষ্ট ক্রমে আইটেম তালিকাভুক্ত করার জন্য বা তাদের নম্বর দেওয়ার জন্য ব্যবহৃত হয়।
সংজ্ঞা তালিকা(<dl>) ডেটা প্রদর্শনের জন্য শব্দ এবং বর্ণনা জোড়া ব্যবহার করে। প্রতিটি জোড়া <dt>(সংজ্ঞা শব্দ) এবং <dd>(সংজ্ঞা বিবরণ) ট্যাগের মধ্যে আবদ্ধ। এটি নির্দিষ্ট ধারণার জন্য বৈশিষ্ট্য বা সংজ্ঞা প্রদর্শন করার একটি কার্যকর উপায়।
অবিন্যস্ত তালিকা( <ul>)
- <ul> উপাদানটি একটি ক্রমহীন তালিকা তৈরি করতে ব্যবহৃত হয়।
- ক্রমহীন তালিকার প্রতিটি আইটেম একটি <li> উপাদানের মধ্যে স্থাপন করা হয়।
- ক্রমহীন তালিকাগুলি সাধারণত বুলেট বা অনুরূপ অক্ষর দিয়ে প্রদর্শিত হয়।
<ul>
<li>Item 1</li>
<li>Item 2</li>
<li>Item 3</li>
</ul>
অর্ডারকৃত তালিকা( <ol>)
- <ol> একটি অর্ডার করা তালিকা তৈরি করতে উপাদানটি ব্যবহার করা হয়।
- অর্ডার করা তালিকার প্রতিটি আইটেম একটি <li> উপাদানের মধ্যে স্থাপন করা হয়।
- অর্ডার করা তালিকাগুলি সাধারণত সংখ্যা বা বর্ণানুক্রমিক অক্ষর সহ প্রদর্শিত হয়।
<ol>
<li>Item 1</li>
<li>Item 2</li>
<li>Item 3</li>
</ol>
সংজ্ঞা তালিকা( <dl>)
- <dl> উপাদানটি একটি সংজ্ঞা তালিকা তৈরি করতে ব্যবহৃত হয়।
- সংজ্ঞা তালিকার প্রতিটি আইটেম এক জোড়া <dt>(সংজ্ঞা শব্দ) এবং <dd>(সংজ্ঞা বিবরণ) ট্যাগ নিয়ে গঠিত।
- <dt> ট্যাগটিতে সংজ্ঞায়িত কীওয়ার্ড বা বৈশিষ্ট্য রয়েছে, যখন <dd> ট্যাগটিতে সেই কীওয়ার্ড বা বৈশিষ্ট্যের বর্ণনা বা ব্যাখ্যা রয়েছে।
<dl>
<dt>Keyword 1</dt>
<dd>Description for Keyword 1</dd>
<dt>Keyword 2</dt>
<dd>Description for Keyword 2</dd>
</dl>
তালিকার ধরন বৈশিষ্ট্য( <ul> এবং <ol>)
- টাইপ অ্যাট্রিবিউট একটি অর্ডার করা তালিকার সংখ্যায়ন শৈলী নির্দিষ্ট করতে ব্যবহৃত হয়।
- টাইপ অ্যাট্রিবিউটের মান হতে পারে "1"(সংখ্যা), "A"(বড় হাতের অক্ষর), "a"(ছোট হাতের অক্ষর), "I"(বড় হাতের রোমান সংখ্যা), বা "i"(ছোট হাতের রোমান সংখ্যা) .
<ol type="A">
<li>Item 1</li>
<li>Item 2</li>
<li>Item 3</li>
</ol>
স্টার্ট অ্যাট্রিবিউট( <ol>)
- সূচনা বৈশিষ্ট্যটি একটি অর্ডার করা তালিকায় সংখ্যার শুরুর মান নির্দিষ্ট করতে ব্যবহৃত হয়।
- স্টার্ট অ্যাট্রিবিউটের মান হল একটি ধনাত্মক পূর্ণসংখ্যা।
<ol start="5">
<li>Item 5</li>
<li>Item 6</li>
<li>Item 7</li>
</ol>
বিপরীত বৈশিষ্ট্য( <ol>)
- বিপরীত ক্রমে একটি আদেশকৃত তালিকা প্রদর্শন করতে বিপরীত বৈশিষ্ট্য ব্যবহার করা হয়।
- যখন বিপরীত বৈশিষ্ট্য প্রয়োগ করা হয়, তখন সংখ্যায়ন ক্রমানুসারে প্রদর্শিত হবে।
<ol reversed>
<li>Item 3</li>
<li>Item 2</li>
<li>Item 1</li>
</ol>
এই বৈশিষ্ট্যগুলি এবং উপাদানগুলি আপনাকে আপনার প্রয়োজন অনুসারে HTML-এ তালিকা তৈরি এবং কাস্টমাইজ করতে দেয়। আপনি আপনার ওয়েবসাইটে একটি পরিষ্কার এবং সংগঠিত পদ্ধতিতে ডেটা প্রদর্শন করতে তাদের ব্যবহার করতে পারেন।