HTML Ordered Lists

HTML অর্ডার করা তালিকা

HTML অর্ডার করা তালিকা

HTML <ol> ট্যাগ একটি অর্ডার করা তালিকাকে সংজ্ঞায়িত করে। একটি আদেশকৃত তালিকা সংখ্যাসূচক বা বর্ণানুক্রমিক ক্রমে হতে পারে।

একটি নিয়মিত HTML তালিকা

একটি সুশৃঙ্খল তালিকা <ol> ট্যাগ দিয়ে শুরু হয়। প্রতিটি তালিকা আইটেম <li> ট্যাগ দিয়ে শুরু হয়।

ডিফল্টভাবে তালিকা আইটেম সংখ্যাযুক্ত:

উদাহরণ

<ol>
  <li>Coffee</li>
  <li>Tea</li>
  <li>Milk</li>
</ol>
  1. Coffee
  2. Tea
  3. Milk

একটি নিয়মিত HTML তালিকা - টাইপ বৈশিষ্ট্য

<ol> ট্যাগের টাইপ অ্যাট্রিবিউট তালিকা আইটেম চিহ্নিতকারীর ধরন নির্ধারণ করে:

টাইপ ব্যাখ্যা
type="1" তালিকা আইটেম সংখ্যার সাথে সংখ্যাযুক্ত (ডিফল্ট)।
type="A" তালিকা আইটেম বড় অক্ষর দিয়ে সংখ্যা করা হয়
type="a" তালিকার আইটেমগুলি ছোট হাতের অক্ষর দিয়ে সংখ্যাযুক্ত
type="I" তালিকা আইটেমগুলি বড় রোমান সংখ্যার সাথে সংখ্যাযুক্ত
type="i" তালিকা আইটেমগুলি ছোট রোমান সংখ্যার সাথে সংখ্যাযুক্ত

সংখ্যা

সংখ্যা:

<ol type="1">
  <li>Coffee</li>
  <li>Tea</li>
  <li>Milk</li>
</ol>
  1. Coffee
  2. Tea
  3. Milk

বড় অক্ষর

বড় অক্ষর:

<ol type="A">
  <li>Coffee</li>
  <li>Tea</li>
  <li>Milk</li>
</ol>
  1. Coffee
  2. Tea
  3. Milk

ছোট অক্ষর

ছোট অক্ষর:

<ol type="a">
  <li>Coffee</li>
  <li>Tea</li>
  <li>Milk</li>
</ol>
  1. Coffee
  2. Tea
  3. Milk

রোমান সংখ্যা - বড় হাতের অক্ষর

বড় রোমান সংখ্যা:

<ol type="I">
  <li>Coffee</li>
  <li>Tea</li>
  <li>Milk</li>
</ol>
  1. Coffee
  2. Tea
  3. Milk

রোমান সংখ্যা - ছোট হাতের অক্ষর

ছোট রোমান সংখ্যা:

<ol type="i">
  <li>Coffee</li>
  <li>Tea</li>
  <li>Milk</li>
</ol>
  1. Coffee
  2. Tea
  3. Milk

তালিকার সংখ্যা সীমিত করা

ডিফল্টরূপে, একটি অর্ডার করা তালিকা 1 থেকে গণনা শুরু হয়। আপনি যদি একটি নির্দিষ্ট সংখ্যা থেকে গণনা শুরু করতে চান, আপনি স্টার্ট অ্যাট্রিবিউট ব্যবহার করতে পারেন:

উদাহরণ

<ol start="50">
  <li>Coffee</li>
  <li>Tea</li>
  <li>Milk</li>
</ol>
  1. Coffee
  2. Tea
  3. Milk

নেস্টেড HTML তালিকা

তালিকা নেস্ট করা যেতে পারে (তালিকার মধ্যে তালিকা):

উদাহরণ

<ol>
  <li>Coffee</li>
  <li>Tea
    <ol>
      <li>Black tea</li>
      <li>Green tea</li>
    </ol>
  </li>
  <li>Milk</li>
</ol>
  1. Coffee
  2. Tea
    1. Black tea
    2. Green tea
  3. Milk

📝দ্রষ্টব্য:

একটি তালিকা আইটেম (<li>) নতুন তালিকা এবং অন্যান্য HTML উপাদান, যেমন ছবি এবং লিঙ্ক থাকতে পারে।

অধ্যায়ের সারাংশ

অনুশীলন করুন

অর্ডার করা তালিকার তালিকা আইটেম চিহ্নিতকারীর ধরন নির্ধারণ করার সময় ব্যবহার করার জন্য সঠিক HTML বৈশিষ্ট্য কী?

list-style
✗ ভুল! list-style একটি HTML অ্যাট্রিবিউট নয়, এটি একটি CSS অ্যাট্রিবিউট
list-type
✗ ভুল! list-type একটি বৈধ HTML বৈশিষ্ট্য নয়
marker-type
✗ ভুল! মার্কার-টাইপ একটি বৈধ HTML বৈশিষ্ট্য নয়
type
✓ ঠিক আছে! টাইপ অ্যাট্রিবিউটটি অর্ডার করা তালিকার তালিকা মার্কার প্রকার নির্ধারণ করতে ব্যবহৃত হয়

HTML তালিকা ট্যাগ

ট্যাগ ব্যাখ্যা
<ul> একটি অবিন্যস্ত তালিকা সংজ্ঞায়িত করে
<ol> একটি আদেশকৃত তালিকা সংজ্ঞায়িত করে
<li> একটি তালিকা আইটেম সংজ্ঞায়িত করে
<dl> একটি বর্ণনা তালিকা সংজ্ঞায়িত করে
<dt> বর্ণনাকারী তালিকায় একটি শব্দ সংজ্ঞায়িত করে
<dd> শব্দকোষে শব্দটি বর্ণনা করে

সমস্ত উপলব্ধ HTML ট্যাগের সম্পূর্ণ তালিকার জন্য, আমাদের HTML ট্যাগ রেফারেন্স দেখুন।