HTML-এ আনঅর্ডার্ড লিস্ট তৈরি করতে <ul> ট্যাগ ব্যবহার করা হয়। আনঅর্ডার্ড লিস্ট <ul> ট্যাগ দিয়ে শুরু হয়। লিস্ট আইটেম <li> ট্যাগ দিয়ে শুরু হয় এবং এগুলো ডিস্ক, স্কোয়ার, সার্কেল ইত্যাদি দিয়ে মার্ক করা হয়। ডিফল্ট হলো বুলেট, যা ছোট কালো বৃত্ত। আপনি যদি ইমেজ বুলেট সহ আনঅর্ডার্ড লিস্ট তৈরি করতে চান, তবে CSS list-style-image প্রোপার্টি ব্যবহার করুন।
আমরা style অ্যাট্রিবিউট ব্যবহার করব। style অ্যাট্রিবিউট একটি এলিমেন্টের ইনলাইন স্টাইল নির্দেশ করে। এটি HTML <ul> ট্যাগের সাথে CSS list-style-image প্রোপার্টি ব্যবহার করে আনঅর্ডার্ড লিস্টে ইমেজ বুলেট যোগ করতে ব্যবহৃত হয়। url প্রোপার্টি লিস্ট আইটেমের ইমেজ সোর্স সেট করে।
মনে রাখবেন, style অ্যাট্রিবিউট গ্লোবালি সেট করা যেকোনো স্টাইল ওভাররাইড করে।
উদাহরণ
নিচের কোড চালিয়ে আনঅর্ডার্ড লিস্টে ইমেজ বুলেট সেট করুন −
<!DOCTYPE html> <html> <head> <title>HTML Unorderd List</title> </head> <body> <h2>টিউটোরিয়াল</h2> <p>টিউটোরিয়ালের তালিকা:</p> <ul style="list-style-image: url('/theme/css/icons/image-editor.png');"> <li>জাভা</li> <li>C++</li> <li>রুবি</li> </ul> </body> </html>
