এইচটিএমএল এ <ol> ট্যাগ ব্যবহার করে অর্ডার্ড লিস্ট তৈরি করা হয় । আর অর্ডার্ড লিস্ট গুলো বুলেটের পরিবর্তে নাম্বার আকারে আসে ।
অর্ডার্ড এইচটিএমএল লিস্ট
একটি অর্ডার্ড লিস্ট শুরু হয় <ol> tag দিয়ে এবং এর প্রতিটি আইটেম শুরু হয় <li> tag দিয়ে ।
ডিফল্ট ভাবে লিস্ট আইটেম গুলো নাম্বার আকারে আসেঃ
উদাহরণ
<ol> <li>Phone</li> <li>Computer</li> <li>iPad</li> </ol>
একটি লিস্ট আইটেম <li> এর ভেরতে আর একটি লিস্ট কিংবা যে কোন এইটিএমএল এলিমেন্ট কিংবা ছবি প্রবেশ করাতে পারবেন
Ordered List Type Attribute
type html arrtibute ব্যবহার করে <ol> ট্যাগ এর লিস্ট আইটেম গুলোর নাম্বার এর ধরন বদল করা যায় ।
| Type | Description | |
| type=”1″ | লিস্ট আইটেম গুলো নাম্বার আকারে দেখায় ( ডিফল্ট ) | Number |
| type=”A” | লিস্ট আইটেম গুলো বড় হাতের ইংরেজি বর্ন ক্রম আকারে দেখায় | Uppercase Letters |
| type=”a” | লিস্ট আইটেম গুলো ছোট হাতের ইংরেজি বর্ন ক্রম আকারে দেখায় | Lowercase Letters |
| type=”I” | লিস্ট আইটেম গুলো বড় হাতের রোমান সংখ্যা ক্রম আকারে দেখায় | Uppercase Roman |
| type=”i” | লিস্ট আইটেম গুলো ছোট হাতের রোমান সংখ্যা ক্রম আকারে দেখায় | Lowercase Roman |
নাম্বার টাইপ এর উদাহরণ
<ol type="1"> <li>Phone</li> <li>Computer</li> <li>iPad</li> </ol>
Uppercase বা বড় হাতের ইংরেজি বর্ণ টাইপ এর
উদাহরণ
<ol type="A"> <li>Phone</li> <li>Computer</li> <li>iPad</li> </ol>
lowercase বা ছোট হাতের ইংরেজি বর্ণ টাইপ এর
উদাহরণ
<ol type="a"> <li>Phone</li> <li>Computer</li> <li>iPad</li> </ol>
lowercase roman বা বড় হাতের রোমান সংখ্যা টাইপ এর
উদাহরণ
<ol type="I"> <li>Phone</li> <li>Computer</li> <li>iPad</li> </ol>
lowercase বা ছোট হাতের রোমান সংখ্যা টাইপ এর
উদাহরণ
<ol type="i"> <li>Phone</li> <li>Computer</li> <li>iPad</li> </ol>
Nested HTML Orderd Lists
একটি লিস্ট এর ভেতরে আর একটি লিস্ট থাকলে সেটিকে নেস্টেড লিস্ট বলে ।
উদাহরণ
<ol>
<li>Phone</li>
<li>Computer
<ol type = "i">
<li>Desktop Compter</li>
<li>Laptop Computer</li>
</ol>
</li>
<li>iPad</li>
</ol>অধ্যায় সামারি
- <ol> এলিমেন্ট এর ব্যবহার যা একটি অর্ডার্ড লিস্ট তৈরি করে
- type attribute ব্যবহার করে orderd list এর টাইপ বদল করা
- <li> দিয়ে প্রতিটি আইটেম ডিফাইন করা
- নেস্টেড লিস্ট তৈরি করা