HTML Ordered List | HTML Numbered List

HTML অর্ডারকৃত তালিকা | এইচটিএমএল নম্বরযুক্ত তালিকা

HTML অর্ডারকৃত তালিকা বা সংখ্যাযুক্ত তালিকা সংখ্যাযুক্ত বিন্যাসে উপাদানগুলি প্রদর্শন করে। অর্ডার করা তালিকার জন্য HTML ol ট্যাগ ব্যবহার করা হয়। সংখ্যাসূচক ক্রম বিন্যাস বা বর্ণানুক্রমিক ক্রম বিন্যাসে, অথবা যে কোনো বিন্যাসে যেখানে কোনো আদেশের ওপর জোর দেওয়া হয় সেগুলোকে উপস্থাপন করতে আমরা অর্ডারকৃত তালিকা ব্যবহার করতে পারি। সংখ্যাযুক্ত তালিকা বিভিন্ন ধরনের হতে পারে:

  • সাংখ্যিক সংখ্যা (1, 2, 3)
  • ক্যাপিটাল রোমান নম্বর (I II III)
  • ছোট রোমাল সংখ্যা (i ii iii)
  • ক্যাপিটাল বর্ণমালা (A B C)
  • ছোট বর্ণমালা (a b c)

বিভিন্ন অর্ডার করা তালিকার প্রতিনিধিত্ব করতে,

    ট্যাগে 5 ধরনের বৈশিষ্ট্য রয়েছে।

Type Description
Type “1" এটি ডিফল্ট প্রকার। এই প্রকারে, তালিকার আইটেমগুলি সংখ্যা সহ সংখ্যাযুক্ত।
Type “I" এই প্রকারে, তালিকার আইটেমগুলিকে বড় হাতের রোমান সংখ্যা দিয়ে নম্বর দেওয়া হয়।
Type “i" এই প্রকারে, তালিকার আইটেমগুলিকে ছোট হাতের রোমান সংখ্যা দিয়ে নম্বর দেওয়া হয়।
Type “A" এই প্রকারে, তালিকার আইটেমগুলিকে বড় হাতের অক্ষর দিয়ে সংখ্যা করা হয়।
Type “a" এই প্রকারে, তালিকার আইটেমগুলিকে ছোট হাতের অক্ষর দিয়ে সংখ্যা করা হয়।

HTML অর্ডারকৃত তালিকার উদাহরণ

আসুন HTML অর্ডার করা তালিকার উদাহরণ দেখি যা সংখ্যাযুক্ত তালিকায় 4 টি বিষয় প্রদর্শন করে। এখানে আমরা type="1" সংজ্ঞায়িত করছি না কারণ এটি ডিফল্ট প্রকার।

  1. <ol>  
  2.  <li>HTMLli>  
  3.  <li>Javali>  
  4.  <li>JavaScriptli>  
  5.  <li>SQLli>  
  6. ol>  

আউটপুট:

 

  1. এইচটিএমএল
  2. জাভা
  3. জাভাস্ক্রিপ্ট
  4. এসকিউএল

ol type="I"

Let’s see the example to display list in roman number uppercase

  1. <ol type=“I">  
  2.  <li>HTMLli>  
  3.  <li>Javali>  
  4.  <li>JavaScriptli>  
  5.  <li>SQLli>  
  6. ol>  

আউটপুট:

 

  1. এইচটিএমএল
  2. জাভা
  3. জাভাস্ক্রিপ্ট
  4. এসকিউএল

ol type="i"

Let’s see the example to display list in roman number lowercase.

  1. <ol type=“i">  
  2.  <li>HTMLli>  
  3.  <li>Javali>  
  4.  <li>JavaScriptli>  
  5.  <li>SQLli>  
  6. ol>  

আউটপুট:

 

  1. এইচটিএমএল
  2. জাভা
  3. জাভাস্ক্রিপ্ট
  4. এসকিউএল

ol type="A"

বর্ণমালা বড় অক্ষরে তালিকা প্রদর্শনের উদাহরণ দেখা যাক।

 
  1. <ol type=“A">  
  2.  <li>HTMLli>  
  3.  <li>Javali>  
  4.  <li>JavaScriptli>  
  5.  <li>SQLli>  

আউটপুট:

 

  1. এইচটিএমএল
  2. জাভা
  3. জাভাস্ক্রিপ্ট
  4. এসকিউএল

ol type="a"

বর্ণমালা ছোট হাতের অক্ষরে তালিকা প্রদর্শনের উদাহরণ দেখা যাক।

  1. <ol type=“a">  
  2.  <li>HTMLli>  
  3.  <li>Javali>  
  4.  <li>JavaScriptli>  
  5.  <li>SQLli>  
  6. ol>  

আউটপুট:

 

  1. এইচটিএমএল
  2. জাভা
  3. জাভাস্ক্রিপ্ট
  4. এসকিউএল

বৈশিষ্ট্য শুরু করুন

কোথা থেকে তালিকা আইটেমগুলি শুরু করতে হবে তা নির্দিষ্ট করতে ol ট্যাগের সাথে স্টার্ট অ্যাট্রিবিউট ব্যবহার করা হয়।

    : এটি “5" দিয়ে শুরু হওয়া সাংখ্যিক মান দেখাবে।

      : এটি “E" দিয়ে শুরু হওয়া ক্যাপিটাল বর্ণমালা দেখাবে।

        : এটি “e" দিয়ে শুরু হওয়া ছোট হাতের বর্ণমালা দেখাবে।

          : এটি “V" দিয়ে শুরু হওয়া রোমান বড় হাতের মান দেখাবে।

            : এটি “v" দিয়ে শুরু হওয়া রোমান ছোট হাতের মান দেখাবে।

            1. <ol type=“i" start=“5">  
            2.  <li>HTMLli>  
            3.  <li>Javali>  
            4.  <li>JavaScriptli>  
            5.  <li>SQLli>  
            6. ol>  

            আউটপুট:

             

            1. এইচটিএমএল
            2. জাভা
            3. জাভাস্ক্রিপ্ট
            4. এসকিউএল

বিপরীত বৈশিষ্ট্য:

এটি HTML

    ট্যাগের একটি বুলিয়ান অ্যাট্রিবিউট এবং এটি HTML5 সংস্করণে নতুন। যদি আপনি এর সাথে বিপরীত বৈশিষ্ট্য ব্যবহার করেন

    ট্যাগ তারপর এটি তালিকাকে নিচের ক্রমানুসারে নম্বর দেবে (7, 6, 5, 4……1)।

উদাহরণ:

  1. <ol reversed>  
  2. <li>HTMLli>  
  3. <li>Javali>  
  4. <li>JavaScriptli>  
  5. <li>SQLli>  
  6.  ol> 


Leave a Reply