একটি HTML ডকুমেন্টে তিনটি প্রকারের লিস্ট থাকে: অর্ডারড লিস্ট, আনঅর্ডারড লিস্ট এবং ডেসক্রিপশন লিস্ট।
আনঅর্ডারড HTML লিস্ট
এটি <ul> ট্যাগ ব্যবহার করে ডিফাইন করা হয় যেখানে প্রতিটি লিস্ট আইটেম <li> ট্যাগের মধ্যে থাকে।
সিনট্যাক্স
নিচে সিনট্যাক্স দেওয়া হলো:
<ul> <li>List Item</li> <li>List Item</li> <li>List Item</li> <ul>
অর্ডারড HTML লিস্ট
এটি <ol> ট্যাগ ব্যবহার করে ডিফাইন করা হয় যেখানে প্রতিটি লিস্ট আইটেম <li> ট্যাগের মধ্যে থাকে।
সিনট্যাক্স
নিচে সিনট্যাক্স দেওয়া হলো:
<ol> <li>List Item</li> <li>List Item</li> <li>List Item</li> <ol>
ডেসক্রিপশন HTML লিস্ট
এটি <dl> ট্যাগ ব্যবহার করে ডিফাইন করা হয় যেখানে প্রতিটি ডিফাইন টার্ম <dt> ট্যাগের মধ্যে থাকে এবং প্রতিটি ডেসক্রিপশন <dd> ট্যাগের মধ্যে থাকে।
সিনট্যাক্স
নিচে সিনট্যাক্স দেওয়া হলো:
<dl> <dt>define term</dt> <dd>describe term</dd> <dt>define term</dt> <dd>describe term</dd> <dl>
HTML Lists-এর একটি উদাহরণ দেখা যাক:
উদাহরণ
<!DOCTYPE html> <html> <style> body { color: #000; height: 100vh; background-color: #8BC6EC; background-image: linear-gradient(135deg, #8BC6EC 0%, #9599E2 100%); } </style> <body> <h1>HTML Lists ডেমো</h1> <h3>আনঅর্ডারড লিস্ট</h3> <ul> <li>পদার্থবিজ্ঞান বিষয়</li> <li>রসায়নবিজ্ঞান বিষয়</li> <li>অর্থনীতি বিষয়</li> </ul> <h3>অর্ডারড লিস্ট</h3> <ol> <li>পদার্থবিজ্ঞান বই পার্ট ১</li> <li>পদার্থবিজ্ঞান বই পার্ট ২</li> <li>পদার্থবিজ্ঞান বই পার্ট ৩</li> </ol> <h3>ডেসক্রিপশন লিস্ট</h3> <dl> <dt>পদার্থবিজ্ঞান বই</dt> <dd>- এটি আধুনিক পদার্থবিজ্ঞান এবং কোয়ান্টাম পদার্থবিজ্ঞান কভার করে</dd> <dt>রসায়নবিজ্ঞান বই</dt> <dd>- এটি জৈব, অজৈব এবং ভৌত রসায়নবিজ্ঞান কভার করে</dd> </dl> </body> </html>আউটপুট
