এইচটিএমএল <ol> ট্যাগ
<ol> ট্যাগের ব্রাউজার সাপোর্ট
| এলিমেন্ট | Google Chrome | Edge/IE | Mozila Firefox | Safari | Opera |
|---|---|---|---|---|---|
<ol> |
সকল ভার্সন | সকল ভার্সন | সকল ভার্সন | সকল ভার্সন | সকল ভার্সন |
সংজ্ঞা ও ব্যবহার
<ol> ট্যাগের মাধ্যমে অর্ডার লিস্ট তৈরি করা হয়। অর্ডার লিস্টটি alphabetic বা numeric উভয়ই হতে পারে।
অর্ডার লিস্টের লিস্ট আইটেম নির্ধারণ করতে <li> ট্যাগটি ব্যবহার করা হয়।
নিচের উদাহরণে <ol> ট্যাগের মাধ্যমে দুটি অর্ডার লিস্ট দেখানো হলোঃ
উদাহরণ
<!DOCTYPE html>
<html>
<body>
<ol>
<li>প্রথম আইটেম</li>
<li>দ্বিতীয় আইটেম</li>
<li>তৃতীয় আইটেম</li>
</ol>
<ol type="i">
<li>প্রথম আইটেম</li>
<li>দ্বিতীয় আইটেম</li>
<li>তৃতীয় আইটেম</li>
</ol>
<ol start="10">
<li>প্রথম আইটেম</li>
<li>দ্বিতীয় আইটেম</li>
<li>তৃতীয় আইটেম</li>
</ol>
</body>
</html>
ফলাফল
টীকা ও মন্তব্যঃ
- আন-অর্ডার লিস্ট তৈরি করার জন্য
<ul>ট্যাগ ব্যবহার করুন। - লিস্টকে স্টাইল করার জন্য সিএসএস ব্যবহার করুন।
এট্রিবিউট
নিচের টেবিলে <ol> ট্যাগের এট্রিবিউট, এট্রিবিউটের ভ্যালু এবং তাদের ব্যবহার তুলে ধরা হলোঃ
| এট্রিবিউট | ভ্যালু | বিবরণ |
|---|---|---|
| compact | compact | এইচটিএমএল(৫) এ সাপোর্ট করে না। এটি স্বাভাবিকের চেয়ে ছোট লিস্ট প্রদান করে। |
| reversed | reversed | লিস্টগুলোকে অধঃক্রমে(উল্টো) সাজায়। (9,8,7,6,5,...) |
| start | number | অর্ডার লিস্টের লিস্ট আইটেমের শুরুর ভ্যালু নির্ধারণ করে। |
| type | 1 A a I i |
লিস্টের ইন্ডিকেটর নির্ধারণ করে। |
<ol> ট্যাগে গ্লোবাল এবং ইভেন্ট এট্রিবিউট সাপোর্ট করে কিনা?
| গ্লোবাল এট্রিবিউট | ইভেন্ট এট্রিবিউট |
|---|---|
| সাপোর্ট করে | সাপোর্ট করে |
<ol> ট্যাগের ডিফল্ট স্টাইল
অধিকাংশ ব্রাউজারেই <ol> এলিমেন্ট নিম্নলিখিত স্টাইল ভ্যালুগুলো সহকারে প্রদর্শিত হয়ঃ
ol {
display: block;
list-style-type: decimal;
margin-top: 1em;
margin-bottom: 1em;
margin-left: 0;
margin-right: 0;
padding-left: 40px;
}