আজ আমরা জানব কি উপায়ে লিস্ট আকারে তালিকা করা যায়।
Unordered List (ul):
এটিই সবচেয়ে বেশি ব্যবহৃত হয় প্রফেশনালি। <ul></ul> এর ভিতরে রাখতে হবে এবং <li></li> এলিমেন্টের ভিতর একটা একটা করে আইটেম রাখতে হবে। প্রদর্শন করবে তালিকা আকারে কোন নাম্বারিং থাকবেনা। বাই ডিফল্ট একটা গোল চিহ্ন প্রতিটি আইটেমের বাপাশে থাকে। যেমন
1.
<
ul
>
2.
<
li
>Bangla</
li
>
3.
<
li
>English</
li
>
4.
<
li
>Social Science</
li
>
5.
<
li
>Mathemetaics</
li
>
6.
</
ul
>
প্রদর্শন:
- Bangla
- English
- Social Science
- Mathematics
Ordered List:
কখনও নাম্বার দিয়ে তালিকা প্রয়োজন হতে পারে তখন <ol></ol> এর ভিতর li ট্যাগ দিয়ে বানাতে পারেন যেমন
1.
<
ol
>
2.
<
li
>iPad</
li
>
3.
<
li
>iPhone</
li
>
4.
<
li
>MacBook Air</
li
>
5.
</
ol
>
বাস্তবায়নঃ
- iPad
- iPhone
- MacBook Air
ol এলিমেন্টে start নামে একটা এট্রিবিউট ব্যবহার করে কত থেকে শুরু হবে এটা ঠিক করা যায় যেমন উপরের লিস্ট টি যদি ১০ থেকে দেখাতে চান তাহলে
1.
<
ol
start
=
"10"
>
2.
<
li
>iPad</
li
>
3.
<
li
>iPhone</
li
>
4.
<
li
>MacBook Air</
li
>
5.
</
ol
>
বাস্তবায়নঃ
- iPad
- iPhone
- MacBook Air
li তে value নামের একটা এট্রিবিউট ব্যবহার করে যেকোন আইটেমের নাম্বার পরিবর্তন করা যায় যেমন
1.
<
ol
>
2.
<
li
value
=
"5"
>iPad</
li
>
3.
<
li
value
=
"10"
>iPhone</
li
>
4.
<
li
value
=
"15"
>MacBook Air</
li
>
5.
</
ol
>
বাস্তবায়নঃ
- iPad
- iPhone
- MacBook Air
আপনি ইচ্ছে করলে সিএসএস দিয়ে গোল চিহ্নের পরিবর্তে অন্য চিহ্নও দিতে পারেন এগুলি সিএসএস এ আলোচনা হবে।