একটি HTML নথিতে তিন প্রকারের তালিকা উপস্থিত থাকে যথা অক্রমবিহীন তালিকা, অর্ডার করা তালিকা এবং বর্ণনা তালিকা।
অক্রমবিহীন HTML তালিকা
এটি
- ট্যাগ ব্যবহার করে সংজ্ঞায়িত করা হয় যেখানে প্রতিটি তালিকা আইটেম
- ট্যাগের মধ্যে আবদ্ধ থাকে।
সিনট্যাক্স
নিচের সিনট্যাক্স −
<ul> <li>List Item</li> <li>List Item</li> <li>List Item</li> <ul>
অর্ডার করা HTML তালিকা
এটি
- ট্যাগ ব্যবহার করে সংজ্ঞায়িত করা হয় যেখানে প্রতিটি তালিকা আইটেম
- ট্যাগের মধ্যে আবদ্ধ থাকে।
সিনট্যাক্স
নিচের সিনট্যাক্স −
<ol> <li>List Item</li> <li>List Item</li> <li>List Item</li> <ol>
বিবরণ HTML তালিকা
এটি
- ট্যাগ ব্যবহার করে সংজ্ঞায়িত করা হয় যেখানে প্রতিটি সংজ্ঞায়িত শব্দ
- ট্যাগের মধ্যে এবং প্রতিটি বিবরণ
- ট্যাগের মধ্যে আবদ্ধ থাকে।
সিনট্যাক্স
নিচের সিনট্যাক্স −
<dl> <dt>define term</dt> <dd>describe term</dd> <dt>define term</dt> <dd>describe term</dd> <dl>
আসুন HTML তালিকার একটি উদাহরণ দেখি:
উদাহরণ
<!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 Demo</h1> <h3>Unordered List</h3> <ul> <li>Physics Subject</li> <li>Chemistry Subject</li> <li>Economics Subject</li> </ul> <h3>Ordered List</h3> <ul> <li>Physics Book Part 1</li> <li>Physics Book Part 2</li> <li>Physics Book Part 3</li> </ul> <h3>Description List</h3> <dl> <dt>Physics Book</dt> <dd>- It covers modern physics and quantum physics</dd> <dt>Chemistry Book</dt> <dd>- It covers organic, inorganic and physical chemistry</dd> </dl> </body> </html>আউটপুট
- ট্যাগের মধ্যে আবদ্ধ থাকে।
