HTML Lists

HTML তালিকা

এইচটিএমএল তালিকা তথ্যের তালিকা নির্দিষ্ট করতে ব্যবহৃত হয়। সমস্ত তালিকায় এক বা একাধিক তালিকা উপাদান থাকতে পারে। তিনটি ভিন্ন ধরনের HTML তালিকা রয়েছে:

  1. আদেশকৃত তালিকা বা সংখ্যাযুক্ত তালিকা (ol)
  2. ক্রমহীন তালিকা বা বুলেটেড তালিকা (উল)
  3. বর্ণনা তালিকা বা সংজ্ঞা তালিকা (dl)

দ্রষ্টব্য: আমরা অন্য একটি তালিকার ভিতরে একটি তালিকা তৈরি করতে পারি, যেটিকে নেস্টেড তালিকা বলা হবে।

HTML অর্ডারকৃত তালিকা বা সংখ্যাযুক্ত তালিকা

অর্ডারকৃত এইচটিএমএল তালিকায়, সমস্ত তালিকা আইটেম ডিফল্টরূপে সংখ্যা দিয়ে চিহ্নিত করা হয়। এটি সংখ্যাযুক্ত তালিকা হিসাবেও পরিচিত। অর্ডার করা তালিকা

    ট্যাগ দিয়ে শুরু হয় এবং তালিকার আইটেমগুলি

  1. ট্যাগ দিয়ে শুরু হয়।

    1. <ol>  
    2.  <li>Ariesli>  
    3.  <li>Bingoli>  
    4.  <li>Leoli>  
    5.  <li>Oracleli>  
    6. ol>  

আউটপুট:

মেষ রাশি
বিঙ্গো
লিও
ওরাকল
HTML অর্ডার করা তালিকার সম্পূর্ণ বিবরণের জন্য এখানে ক্লিক করুন। HTML অর্ডারকৃত তালিকা

HTML Unordered List বা বুলেটেড লিস্ট

HTML Unordered তালিকায়, সমস্ত তালিকা আইটেম বুলেট দিয়ে চিহ্নিত করা হয়। এটি বুলেটেড তালিকা নামেও পরিচিত। অবিন্যস্ত তালিকাটি

    ট্যাগ দিয়ে শুরু হয় এবং তালিকা আইটেমগুলি

  • ট্যাগ দিয়ে শুরু হয়।

  1. <ul>  
  2.  <li>Ariesli>  
  3.  <li>Bingoli>  
  4.  <li>Leoli>  
  5.  <li>Oracleli>  
  6. ul>  

আউটপুট:

মেষ রাশি

বিঙ্গো

লিও

ওরাকল

এইচটিএমএল বিন্যাসিত তালিকার সম্পূর্ণ বিবরণের জন্য এখানে ক্লিক করুন। এইচটিএমএল ক্রমবিহীন তালিকা

HTML বর্ণনা তালিকা বা সংজ্ঞা তালিকা

এইচটিএমএল বর্ণনা তালিকা একটি তালিকা শৈলী যা HTML এবং XHTML দ্বারা সমর্থিত। এটি সংজ্ঞা তালিকা হিসাবেও পরিচিত যেখানে এন্ট্রিগুলি একটি অভিধান বা বিশ্বকোষের মতো তালিকাভুক্ত করা হয়।

আপনি যখন শব্দকোষ, পদের তালিকা বা অন্যান্য নাম-মানের তালিকা উপস্থাপন করতে চান তখন সংজ্ঞা তালিকাটি খুব উপযুক্ত।

HTML সংজ্ঞা তালিকায় নিম্নলিখিত তিনটি ট্যাগ রয়েছে:

ট্যাগ তালিকার শুরুকে সংজ্ঞায়িত করে।

ট্যাগ একটি শব্দ সংজ্ঞায়িত করে।

ট্যাগ শব্দের সংজ্ঞা (বর্ণনা) সংজ্ঞায়িত করে।

  1. <dl>  
  2.   <dt>Ariesdt>  
  3.   <dd>-One of the 12 horoscope sign.dd>  
  4.   <dt>Bingodt>  
  5.   <dd>-One of my evening snacksdd>  
  6.  <dt>Leodt>  
  7.  <dd>-It is also an one of the 12 horoscope sign.dd>  
  8.   <dt>Oracledt>  
  9.   <dd>-It is a multinational technology corporation.dd>   
  10. dl>  

আউটপুট:

মেষ রাশি

– 12টি রাশিফলের একটি চিহ্ন।

বিঙ্গো

-আমার সন্ধ্যার নাস্তার একটা

লিও

-এটি 12টি রাশিফলের একটি চিহ্নও।

ওরাকল

-এটি একটি বহুজাতিক প্রযুক্তি কর্পোরেশন।

HTML বর্ণনা তালিকার সম্পূর্ণ বিবরণের জন্য এখানে ক্লিক করুন। HTML বর্ণনা তালিকা

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

অন্য তালিকার মধ্যে একটি তালিকাকে নেস্টেড তালিকা বলা হয়। আপনি যদি একটি সংখ্যাযুক্ত তালিকার মধ্যে একটি বুলেট তালিকা চান তবে এই ধরনের তালিকাকে নেস্টেড তালিকা বলা হবে।

কোড:

  1. >  
  2. <html>  
  3. <head>  
  4.     <title>Nested listtitle>  
  5. head>  
  6. <body>  
  7.     <p>List of Indian States with thier capitalp>  
  8. <ol>  
  9.     <li>Delhi  
  10.         <ul>  
  11.             <li>NewDelhili>  
  12.         ul>  
  13.     li>  
  14.     <li>Haryana  
  15.         <ul>  
  16.             <li>Chandigarhli>  
  17.         ul>  
  18.     li>  
  19.     <li>Gujarat  
  20.         <ul>  
  21.             <li>Gandhinagarli>  
  22.         ul>  
  23.     li>  
  24.     <li>Rajasthan   
  25.         <ul>  
  26.             <li>Jaipurli>  
  27.         ul>  
  28.     li>  
  29.     <li>Maharashtra  
  30.         <ul>  
  31.             <li>Mumbaili>  
  32.         ul>  
  33.     li>  
  34.     <li>Uttarpradesh  
  35.         <ul>  
  36.             <li>Lucknowli>ul>  
  37.     li>  
  38. ol>  
  39. body>  
  40. html>  


Leave a Reply