HTML-এ তিন ধরনের লিস্ট থাকে:
- অনর্ডার্ড লিস্ট <ul>
এই লিস্টে বুলেট দিয়ে আইটেম থাকে, কোন নির্দিষ্ট ক্রম নেই।
- অর্ডার্ড লিস্ট <ol>
এই লিস্ট ক্রমানুসারে আইটেম দেখাতে ব্যবহৃত হয়।
- ডেফিনিশন লিস্ট <dl>
এই লিস্ট টার্মের ডেফিনিশন বা সংজ্ঞা দেখাতে ব্যবহৃত হয়।
এই লিস্টগুলো নেস্ট করা যায় এবং ইচ্ছামতো স্টাইল করা যায়। CSS-র list-style প্রপার্টি লিস্ট আইটেম স্টাইল করতে সাহায্য করে।
সিনট্যাক্স
HTML লিস্টের সিনট্যাক্স নিচে দেওয়া হলো:
<type of list> <li></li> </type of list>
নিচের উদাহরণগুলো HTML লিস্ট বোঝায়:
উদাহরণ
<!DOCTYPE html> <html> <head> <style> ul { background-color: papayawhip; list-style-type: square; font-style: italic; } ol { background-color: azure; } </style> </head> <body> <ol> <li>demo1</li> <li> demo 2 <ul> <li>demo a</li> <li>demo b</li> </ul> </li> <li>demo 3</li> </ol> </body> </html>
আউটপুট
এটি নিচের আউটপুট দেবে:
উদাহরণ
<!DOCTYPE html> <html> <head> <style> dt { font-weight: bold; font-style: italic; } dd { border: thin dotted; } </style> </head> <body> <h2>Programming Languages and Databases</h2> <dl> <dt>Java</dt> <dd>A programming language developed by James Gosling.</dd> <dt>C++</dt> <dd>A programming language developed by Bjarne Stroustrup.</dd> <dt>MySQL</dt> <dd>MySQL is an open-source relational database management system.</dd> </dl> </body> </html>
আউটপুট
এটি নিচের আউটপুট দেবে:
