# এইচটিএমএল (HTML)-এর Ordered List (ক্রমবদ্ধ তালিকা) এবং Unordered List:

চমৎকার! এখন চলুন আমরা আলোচনা করি HTML-এর Ordered List (ক্রমবদ্ধ তালিকা) এবং Unordered List (অক্রমানুসারে তালিকা) নিয়ে। এই ট্যাগগুলো দিয়ে ওয়েবপেজে সুন্দরভাবে তথ্য উপস্থাপন করা যায়।

---

🔢 ১. Ordered List (<ol>)

Ordered List মানে হলো ক্রমানুসারে সাজানো তালিকা, যেমন ১, ২, ৩ বা A, B, C…

🔹 গঠন:

<ol>
  <li>HTML</li>
  <li>CSS</li>
  <li>JavaScript</li>
</ol>

🧾 আউটপুট:

1. HTML

2. CSS

3. JavaScript

---

⚙️ <ol> এর অ্যাট্রিবিউট:

অ্যাট্রিবিউট	কাজ
type	নম্বরিংয়ের ধরন নির্ধারণ করে (1, A, a, I, i)
start	কোন সংখ্যা/অক্ষর থেকে শুরু হবে
reversed	তালিকাটি উল্টো ক্রমে দেখায়

✅ উদাহরণ:

<ol type="A" start="3" reversed>
  <li>Apple</li>
  <li>Banana</li>
  <li>Cherry</li>
</ol>

🧾 আউটপুট: C. Cherry
B. Banana
A. Apple

---

🔘 ২. Unordered List (<ul>)

Unordered List মানে হলো অক্রমানুসারে তালিকা, যেটা সাধারণত ডট/বুলেট দিয়ে দেখানো হয়।

🔹 গঠন:

<ul>
  <li>Tea</li>
  <li>Coffee</li>
  <li>Milk</li>
</ul>

🧾 আউটপুট:

• Tea

• Coffee

• Milk

---

⚙️ <ul> এর সাথে CSS দিয়ে বুলেট টাইপ কাস্টমাইজ করা যায়:

<ul style="list-style-type: square;">
  <li>Item One</li>
  <li>Item Two</li>
</ul>

CSS list-style-type	বুলেট ধরণ
disc (default)	●
circle	○
square	■
none	কোনো বুলেট নয়

---

🔁 লিস্টের ভেতরে লিস্ট (Nested List):

<ul>
  <li>Fruits
    <ul>
      <li>Apple</li>
      <li>Mango</li>
    </ul>
  </li>
  <li>Vegetables</li>
</ul>

🧾 আউটপুট:

• Fruits

  • Apple

  • Mango

• Vegetables

---

🧠 সংক্ষেপে:

ট্যাগ	উদ্দেশ্য
<ol>	ক্রম অনুসারে লিস্ট
<ul>	অক্রম অনুসারে লিস্ট
<li>	প্রতিটি লিস্ট আইটেম

---

চাইলে আমি একটি “To-Do List” বা “Reading List” ডিজাইন করে দেখাতে পারি, যাতে <ol>, <ul>, ও CSS একসাথে ব্যবহার করা হয়!