এডভান্স ওয়েব ডিজাইন (ডিপলোমা ইন ওয়েব ডিজাইন) লিস্ট ট্যাগ । (চিত্র সহ-১১)

ওয়েব পেইজ ডিজাইন করার সময় আপনি যদি আপনার ওয়েব সাইটে কোন কিছু লিস্ট বা নাম্বার আকারে প্রকাশ করতে চান তাহলে এই ভাবে তা করতে পারেন ।নিছে দেখানো হল:
সাধারণত তিন টি আকারে লিস্ট ট্যাগ প্রকাশ করা যায় । তার মধ্যে যে কোন একটি ব্যবহার করতে পারেন।
Unordered List :
এই লিস্ট ট্যাগ বেশি ভাগ ওয়েব সাইটে ব্যবহার করা হয়। <ul></ul> এর ভিতরে রাখতে হবে এবং <li></li> এলিমেন্টের ভেতরে একটা একটা করে আইটেম রাখতে হবে। প্রদর্শন করবে তালিকা আকারে কোন নাম্বারিং থাকবেনা। বাই ডিফল্ট একটা গোল চিহ্ন প্রতিটি আইটেমের বাপাশে থাকে। যেমন


1.<ul>
2.<li>Computer</li>
3.<li>Laptop</li>
4.<li>Iphone</li>
5.<li>ipad</li>
6.</ul>

নিচের কোড টির উদাহারণ:
• Computer
• Loptop
• iphone
• ipad
(বি:দ্র: আপনি css জানলে এই চিহ্ন প্ররিবর্তন করতে পারবেন css বাংলা টিউটরিয়াল এখানে দেখুন।) 
Ordered List:
আপনি যদি নাম্বার আকারে লিস্ট প্রকাশ করতে চান তাহলে এই টি ব্যবহার করতে পবে। <ol></ol> এর ভিতর li ট্যাগ দিয়ে বানাতে পারেন যেমন 
1.<ol>
2.<li>Bangladesh</li>
3.<li>USA</li>
4.<li>UK</li>
5.</ol>

নিচের কোড টির উদাহারণ:
1. Bangladesh
2. USA
3. UK
ol এলিমেন্টে start নামে একটা এট্রিবিউট ব্যবহার করে কত থেকে শুরু হবে এটা ঠিক করা যায় যেমন উপরের লিস্ট টি যদি ১০ থেকে দেখাতে চান তাহলে
1.<ol start="10">
2.<li>Bangladesh</li>
3.<li>USA</li>
4.<li>UK</li>
5.</ol>
নিচের কোড টির উদাহারণ:
10. Bangladesh
11. USA
12. UK
li তে value নামের একটা এট্রিবিউট ব্যবহার করে যেকোন আইটেমের নাম্বার পরিবর্তন করা যায় যেমন 
1.<ol>
2.<li value="5">Bangladesh</li>
3.<li value="10">USA</li>
4.<li value="15">UK</li>
5.</ol>
নিচের কোড টির উদাহারণ:
5. Bangladesh
10. USA
15. UK

যদি আমাদের এই সাইটি আপনার ভাল লাগে তাহলে এখানে লাইক দিতে ভুলবেন না । আপনার লাইক এই সাইট টি মূল প্রেরণা আপনারা লাইক করলে সাইটি আরও ভাল ভাবে কাজ করতে আমাদের অনুপ্রেরণা আসবেwww.facebook.com/shobkeso