Curriculum
Course: HTML Mastery: From Basics to Brilliance
Login

Curriculum

HTML Mastery: From Basics to Brilliance

মডিউল ১: পরিচিতি এবং বেসিক HTML : 1. HTML পরিচিতি

0/4

মডিউল ১: পরিচিতি এবং বেসিক HTML : 2. HTML ডকুমেন্ট স্ট্রাকচার

0/2

মডিউল ১: পরিচিতি এবং বেসিক HTML : 3. বেসিক ট্যাগস

0/4

মডিউল ১: পরিচিতি এবং বেসিক HTML : 4. টেক্সট ফরম্যাটিং ট্যাগস

0/3

মডিউল ২: HTML লিস্ট এবং লিঙ্ক: 1. লিস্ট তৈরির ট্যাগস

0/3

মডিউল ২: HTML লিস্ট এবং লিঙ্ক: 2. লিঙ্ক তৈরির ট্যাগ

0/3
Text lesson

HTML লিস্টে বর্ণমালা এবং সংখ্যা ব্যবহার

HTML-এ Ordered List (<ol>) এবং Unordered List (<ul>) দিয়ে তালিকা তৈরি করার সময় বর্ণমালা এবং সংখ্যা ব্যবহার করা সম্ভব। <ol> ট্যাগে বিভিন্ন ধরনের বর্ণমালা ও সংখ্যার ফরম্যাট নির্ধারণ করার জন্য type অ্যাট্রিবিউট ব্যবহার করা হয়।

1. সংখ্যা ব্যবহার (<ol type="1">)

উদাহরণ:

html
 
<ol type="1">
<li>আইটেম ১</li>
<li>আইটেম ২</li>
<li>আইটেম ৩</li>
</ol>

আউটপুট:

  1. আইটেম ১
  2. আইটেম ২
  3. আইটেম ৩

2. বড় বর্ণমালা (<ol type="A">)

উদাহরণ:

html
 
<ol type="A">
<li>আইটেম ১</li>
<li>আইটেম ২</li>
<li>আইটেম ৩</li>
</ol>

আউটপুট:
A. আইটেম ১
B. আইটেম ২
C. আইটেম ৩

3. ছোট বর্ণমালা (<ol type="a">)

উদাহরণ:

html
 
<ol type="a">
<li>আইটেম ১</li>
<li>আইটেম ২</li>
<li>আইটেম ৩</li>
</ol>

আউটপুট:
a. আইটেম ১
b. আইটেম ২
c. আইটেম ৩

4. বড় রোমান সংখ্যা (<ol type="I">)

উদাহরণ:

html
 
<ol type="I">
<li>আইটেম ১</li>
<li>আইটেম ২</li>
<li>আইটেম ৩</li>
</ol>

আউটপুট:
I. আইটেম ১
II. আইটেম ২
III. আইটেম ৩

5. ছোট রোমান সংখ্যা (<ol type="i">)

উদাহরণ:

html
 
<ol type="i">
<li>আইটেম ১</li>
<li>আইটেম ২</li>
<li>আইটেম ৩</li>
</ol>

আউটপুট:
i. আইটেম ১
ii. আইটেম ২
iii. আইটেম ৩

6. বিভিন্ন ফরম্যাটে নেস্টেড লিস্ট

html
 
<ol type="I">
<li>বড় রোমান সংখ্যা
<ol type="A">
<li>বড় বর্ণমালা</li>
<li>আরও বড় বর্ণমালা</li>
</ol>
</li>
<li>আরেকটি বড় রোমান সংখ্যা
<ol type="1">
<li>সংখ্যা</li>
<li>আরও সংখ্যা</li>
</ol>
</li>
</ol>

আউটপুট:
I. বড় রোমান সংখ্যা
A. বড় বর্ণমালা
B. আরও বড় বর্ণমালা
II. আরেকটি বড় রোমান সংখ্যা

  1. সংখ্যা
  2. আরও সংখ্যা

7. বর্ণমালা ও সংখ্যা CSS দিয়ে কাস্টমাইজেশন

HTML তালিকার স্টাইল আরও পরিবর্তন করতে CSS ব্যবহার করা যায়।

উদাহরণ:

html
 
<style>
ol {
list-style-type: lower-alpha; /* ছোট বর্ণমালা */
margin-left: 20px;
}
</style>
<ol>
<li>প্রথম আইটেম</li>
<li>দ্বিতীয় আইটেম</li>
<li>তৃতীয় আইটেম</li>
</ol>

আউটপুট:
a. প্রথম আইটেম
b. দ্বিতীয় আইটেম
c. তৃতীয় আইটেম

 

  • HTML-এ <ol> এর মাধ্যমে সহজে সংখ্যা এবং বর্ণমালাভিত্তিক তালিকা তৈরি করা যায়।
  • type অ্যাট্রিবিউট ব্যবহার করে বিভিন্ন ফরম্যাট (সংখ্যা, বর্ণমালা, রোমান সংখ্যা) নির্ধারণ করা সম্ভব।
  • CSS দিয়ে তালিকার স্টাইল কাস্টমাইজ করা যায়।