কিভাবে HTML এ ইমেজ বুলেট সহ একটি unorder list তৈরি করবেন?

একটি  Order করা তালিকা নম্বর যুক্ত এবং একটি unorder তালিকা নম্বর যুক্ত নয় এটি ট্যাগ <ul> </ul> দিয়ে তৈরি করা যেতে পারে এবং ট্যাগ <li></li> ব্যবহার করে তালিকার আইটেমগুলি সংজ্ঞায়িত করতে পারে। আমরা HTML-4 এ   এ-ধরনের unorder তালিকা তৈরি করতে পারি -

1. disk - এটি একটি বুলেটে (ডিফল্ট) চিহ্নিত একটি ক্রমবিহীন তালিকা তৈরি করে।


2. circle - এটি একটি বৃত্তে চিহ্নিত একটি ক্রমবিহীন তালিকা তৈরি করে।


3. square - এটি একটি বর্গাকারে চিহ্নিত একটি ক্রমবিহীন তালিকা তৈরি করে।


4. none − এটি কোনো মার্কার ছাড়াই একটি অ-ক্রমবিহীন তালিকা তৈরি করে।

Syntax:

HTML-এ বর্গাকার বুলেট সহ একটি unordered তালিকা তৈরি করার জন্য সিনট্যাক্স নিচে দেওয়া হল।

<ul style ="list-style-image: url(../path/image.jpg)">

          <li>Item in list...</li>

           <li>Item in list...</li>

            <li>Item in list...</li>

</ul>

code Syntax: 

   <ul style ="list-style-image: url(image_path.png);">

        <li>Item in list...</li>

        <li>Item in list...</li>

        <li>Item in list...</li>

       

    </ul>