<ol>: HTML অর্ডারকৃত তালিকা উপাদান (The HTML Ordered List element)। HTML <ol> ট্যাগ একটি অর্ডার করা তালিকা তৈরি করতে ব্যবহৃত হয়। একটি আদেশকৃত তালিকা হল একটি তালিকা যেখানে প্রতিটি আইটেমের পূর্বে একটি সংখ্যাসূচক বা বর্ণানুক্রমিক শনাক্তকারী থাকে। তালিকার আইটেমগুলি ইচ্ছাকৃতভাবে অর্ডার করা হয়েছে, তাই ক্রম পরিবর্তন করা তালিকার অর্থ পরিবর্তন করবে। <ol> ট্যাগটি সংখ্যাসূচক বা বর্ণানুক্রমিক বিন্যাসে উপাদানগুলি প্রদর্শন করতে ব্যবহার করা যেতে পারে। <li> ট্যাগ প্রতিটি পৃথক তালিকা উপাদান সংজ্ঞায়িত করতে ব্যবহৃত হয়। <ol> ট্যাগটি <ul> ট্যাগ থেকে আলাদা, যা ক্রমবিহীন তালিকার জন্য ব্যবহৃত হয়। একটি ক্রমবিহীন তালিকায়, তালিকার আইটেমগুলি বুলেট পয়েন্টের আগে থাকে। <ol> ট্যাগটি ব্যবহার করা ভাল অভ্যাস যখন তালিকার ধাপগুলি ক্রমানুসারে করা উচিত। আপনি স্টাইল তালিকার জন্য CSS ব্যবহার করতে পারেন। HTML অর্ডারকৃত তালিকা উপাদান (The HTML Ordered List element) সম্পর্কে বিস্তারিত নিচে দেওয়া হল।
Example:
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>HTML MASTER JHUTANDA</title>
<!--https://jhutanda.com-->
<!--https://github.com/jhutanda-->
</head>
<body>
<h1>Ol tag</h1>
<!-- Example:1 -->
<ol>
<li>one</li>
<li>two </li>
<li>Three</li>
<li>Four</li>
</ol>
<!-- Example:2 -->
<ol type="A">
<li>one</li>
<li>two </li>
<li>Three</li>
<li>Four</li>
</ol>
<!-- Example:3 -->
<ol type="a">
<li>one</li>
<li>two </li>
<li>Three</li>
<li>Four</li>
</ol>
<!-- Example:4 -->
<ol type="I">
<li>one</li>
<li>two </li>
<li>Three</li>
<li>Four</li>
</ol>
<!-- Example:5 -->
<ol type="I">
<li>one</li>
<li>two </li>
<li>Three</li>
<li>Four</li>
</ol>
<!-- -----------------------------------
------------------------------------ -->
<!-- Example:6 -->
<h3>You need to know</h3>
<ol start="3" class="ex6">
<li>one</li>
<li>two </li>
<li>Three</li>
<li>Four</li>
</ol>
<style>
.ex6 {
background-color: aqua;
color: red;
}
</style>
<!-- -------------------------------------
------------------------------------- -->
<!-- Example:7 -->
<ol type="1" class="ex7">
<li>One</li>
<li>Two</li>
<ol type="a">
<li>apple</li>
<li>apple</li>
<li>apple</li>
</ol>
<li>Three</li>
<ol type="A">
<li>Apple</li>
<li>Apple</li>
<li>Apple</li>
</ol>
</ol>
<style>
.ex7 {
background-color: blueviolet;
color: white;
}
</style>
</body>
</html>