HTML-এ আনঅর্ডার্ড লিস্ট তৈরি করতে <ul> ট্যাগ ব্যবহার করা হয়। আনঅর্ডার্ড লিস্ট <ul> ট্যাগ দিয়ে শুরু হয়। লিস্ট আইটেম <li> ট্যাগ দিয়ে শুরু হয় এবং এগুলো ডিস্ক, স্কোয়ার, সার্কেল ইত্যাদি দিয়ে মার্ক করা হয়। ডিফল্ট হলো বুলেট, যা ছোট কালো বৃত্ত।
স্কোয়ার বুলেট সহ আনঅর্ডার্ড লিস্ট তৈরি করতে CSS list-style-type প্রোপার্টি ব্যবহার করা হয়। আমরা style অ্যাট্রিবিউট ব্যবহার করব। style অ্যাট্রিবিউট একটি এলিমেন্টের ইনলাইন স্টাইল নির্দেশ করে। এটি HTML <ul> ট্যাগের সাথে CSS list-style-type প্রোপার্টি ব্যবহার করে আনঅর্ডার্ড লিস্টে স্কোয়ার বুলেট যোগ করতে ব্যবহৃত হয়।
মনে রাখবেন, style অ্যাট্রিবিউট গ্লোবালি সেট করা যেকোনো স্টাইল ওভাররাইড করে।
উদাহরণ
নিচের কোড চালিয়ে HTML-এ স্কোয়ার বুলেট সহ আনঅর্ডার্ড লিস্ট তৈরি করুন −
<!DOCTYPE html> <html> <head> <title>HTML Unordred List</title> </head> <body> <h1>উন্নত দেশ</h1> <p>উন্নত দেশের তালিকা :</p> <ul style="list-style-type:square"> <li>US</li> <li>অষ্ট্রেলিয়া</li> <li>নিউজিল্যান্ড</li> </ul> </body> </html>
