এইচটিএমএল দিয়ে ওয়েব পেজে তালিকা বা লিস্ট প্রদর্শন করা

এইচটিএমএল দিয়ে ওয়েব পেজে তালিকা বা লিস্ট প্রদর্শন করা

index525

আজ আমরা জানব কি উপায়ে লিস্ট আকারে তালিকা করা যায়।

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>

বাস্তবায়নঃ

  1. iPad
  2. iPhone
  3. MacBook Air

ol এলিমেন্টে start নামে একটা এট্রিবিউট ব্যবহার করে কত থেকে শুরু হবে এটা ঠিক করা যায় যেমন উপরের লিস্ট টি যদি ১০ থেকে দেখাতে চান তাহলে

1.<olstart="10">
2.<li>iPad</li>
3.<li>iPhone</li>
4.<li>MacBook Air</li>
5.</ol>

বাস্তবায়নঃ

  1. iPad
  2. iPhone
  3. MacBook Air

li তে value নামের একটা এট্রিবিউট ব্যবহার করে যেকোন আইটেমের নাম্বার পরিবর্তন করা যায় যেমন

1.<ol>
2.<livalue="5">iPad</li>
3.<livalue="10">iPhone</li>
4.<livalue="15">MacBook Air</li>
5.</ol>

বাস্তবায়নঃ

  1. iPad
  2. iPhone
  3. MacBook Air

আপনি ইচ্ছে করলে সিএসএস দিয়ে গোল চিহ্নের পরিবর্তে অন্য চিহ্নও দিতে পারেন এগুলি সিএসএস এ আলোচনা হবে।

Share This Post

Post Comment