কম্পিউটার টিউটোরিয়াল

HTML-এ বুলেট ছাড়া আনঅর্ডার্ড লিস্ট (Unordered List) তৈরি করা


HTML-এ আনঅর্ডার্ড লিস্ট (unordered list) তৈরি করতে <ul> ট্যাগ ব্যবহার করা হয়। আনঅর্ডার্ড লিস্ট <ul> ট্যাগ দিয়ে শুরু হয়। লিস্ট আইটেম <li> ট্যাগ দিয়ে শুরু হয় এবং এগুলো ডিস্ক, স্কোয়ার, সার্কেল, নান ইত্যাদি দিয়ে মার্ক করা হয়। ডিফল্ট হলো বুলেট, যা ছোট কালো বৃত্ত।

বুলেট ছাড়া আনঅর্ডার্ড লিস্ট তৈরি করতে CSS list-style-type প্রোপার্টি ব্যবহার করা হয়। আমরা style অ্যাট্রিবিউট ব্যবহার করব। style অ্যাট্রিবিউট একটি এলিমেন্টের ইনলাইন স্টাইল নির্দেশ করে। এটি HTML <ul> ট্যাগের সাথে CSS list-style-type প্রোপার্টি ব্যবহার করে আনঅর্ডার্ড লিস্টে বুলেট সরাতে ব্যবহৃত হয়।

মনে রাখবেন, style অ্যাট্রিবিউট গ্লোবালি সেট করা যেকোনো স্টাইল ওভাররাইড করে।

HTML-এ বুলেট ছাড়া আনঅর্ডার্ড লিস্ট (Unordered List) তৈরি করা

উদাহরণ

নিচের কোড চালিয়ে HTML-এ বুলেট ছাড়া আনঅর্ডার্ড লিস্ট তৈরি করুন −

<!DOCTYPE html> <html>    <head>       <title>HTML Unordered List</title>    </head>    <body>       <h1>উন্নত দেশ</h1>       <p>উন্নত দেশের তালিকা :</p>       <ul style="list-style-type:none">          <li>US</li>          <li>অষ্ট্রেলিয়া</li>          <li>নিউজিল্যান্ড</li>       </ul>    </body> </html>

  1. HTML-এ কন্ডিশনাল কমেন্ট (Conditional Comments) তৈরি করা

  2. HTML-এ হিডেন কমেন্ট (Hidden Comments) তৈরি করা

  3. HTML না জানেও ওয়েবসাইট তৈরি করার উপায়

  4. HTML-এ বিব্লিওগ্রাফি (Bibliography) তৈরি করা