HTML Unordered List | HTML Bulleted List

এইচটিএমএল ক্রমহীন তালিকা | এইচটিএমএল বুলেটেড তালিকা

HTML আনঅর্ডারড লিস্ট বা বুলেটেড লিস্ট বুলেটেড ফরম্যাটে উপাদান প্রদর্শন করে। আমরা কোনো নির্দিষ্ট ক্রমে আইটেম প্রদর্শন করার প্রয়োজন নেই যেখানে আমরা unordered তালিকা ব্যবহার করতে পারেন. HTML ul ট্যাগটি unordered list এর জন্য ব্যবহার করা হয়। বুলেটেড তালিকা 4 ধরনের হতে পারে:

  • ডিস্ক
  • বৃত্ত
  • বর্গক্ষেত্র
  • কোনটি

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

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

    Type Description
    Type “disc" এটি ডিফল্ট শৈলী। এই শৈলীতে, তালিকার আইটেমগুলি বুলেট দিয়ে চিহ্নিত করা হয়।
    Type “circle" এই শৈলীতে, তালিকা আইটেম চেনাশোনা দ্বারা চিহ্নিত করা হয়.
    Type “square" এই শৈলীতে, তালিকা আইটেমগুলি বর্গক্ষেত্র দিয়ে চিহ্নিত করা হয়।
    Type “none" এই শৈলীতে, তালিকার আইটেমগুলি চিহ্নিত করা হয় না।

এইচটিএমএল ক্রমহীন তালিকার উদাহরণ

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

আউটপুট:

 

  • এইচটিএমএল
  • জাভা
  • জাভাস্ক্রিপ্ট
  • এসকিউএল

ul type="বৃত্ত"

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

আউটপুট:

 

  • এইচটিএমএল
  • জাভা
  • জাভাস্ক্রিপ্ট
  • এসকিউএল

ul type="square"

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

আউটপুট:

 

এইচটিএমএল

জাভা

জাভাস্ক্রিপ্ট

এসকিউএল

উল টাইপ = কোনটিই নয়

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

আউটপুট:

  • এইচটিএমএল
  • জাভা
  • জাভাস্ক্রিপ্ট
  • এসকিউএল

দ্রষ্টব্য: টাইপ অ্যাট্রিবিউটটি HTML5-এ সমর্থিত নয়, টাইপের পরিবর্তে আপনি লিস্ট-স্টাইল-টাইপের CSS প্রপার্টি ব্যবহার করতে পারেন। ul ট্যাগের জন্য CSS প্রপার্টি দেখানোর উদাহরণ নিচে দেওয়া হল।

<ul style=“list-style-type: square;">  

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

কোড:

 
  1. >  
  2. <html>  
  3.  <head>  
  4.   head>  
  5.  <body>  
  6.  <h2>The type attribute with CSS propertyh2>  
  7.    <ul style=“list-style-type: square;">  
  8.     <li>HTMLli>  
  9.      <li>Javali>  
  10.            <li>JavaScriptli>  
  11.            <li>SQLli>  
  12.     ul>  
  13.  body>  
  14. html>     


মন্তব্য করুন