এইচটিএমএল (HTML) বাংলা টিউটোরিয়াল (পার্ট-৭)

পাঠক বন্ধুরা আশা করি এইচটিএমএল বাংলা টিউটোরিয়াল (পার্ট-৬) ভালভাবে চর্চা করেছেন। এইচটিএমএল বাংলা টিউটোরিয়াল (পার্ট-৭) এ আজ আপনাদের সকলকে স্বাগতম। আমরা আজ HTML page এ লিস্ট করা শিখবো। সাধারণত দুই ধরনের লিস্ট হয়ে থাকে। যথা ordered লিস্ট ও unordered লিস্ট।

tag টি ordered লিস্ট এবং
tag unordered লিস্ট তৈরিতে ব্যবহার হয়। নিচের উদাহরণ দ্বারা একটি ordered লিস্ট দেখানো হলঃ

1 2 3 4 5

<ol> <li>Find a Job</li> <li>Get Money</li> <li>Move Out</li> </ol>

যার আউটপুট হবে:

1.Find a Job
2.Get Money
3.Move Out

tag এর type attribute দ্বারা 1,2,3 অথবা a,b,c অথবা i,ii,iii বিভিন্ন রকমের ordered লিস্ট
তৈরি করতে পারবেন। সেক্ষেত্রে কোড হবে এমন-

অথবা

অথবা

অথবা


যাই হোক আপনি ইচ্ছে করলে
tag এর start attribute টি ব্যবহার করতে পারেন এভাবে-

1 2 3 4 5

<olstart="5" > <li>School</li> <li>College</li> <li>Get a Degree</li> </ol>

যার আউটপুট হবে

5.School
6.College
7.Get a Degree

আবার

tag এর মাধ্যমে unordered লিস্ট তৈরি করা যায়। একটি unordered লিস্ট এর জন্য প্রয়োজনীয়
কোড নিচে দেওয়া হল-

1 2 3 4 5 6

<ul> <li>Milk</li> <li>Toilet Paper</li> <li>Cereal</li> <li>Bread</li> </ul>

যার আউটপুট হবে

• Milk
• Toilet Paper
• Cereal
• Bread

tag unordered লিস্ট এর type HTML এ তিন ধরণের। যথা: বর্গ, বৃত্ত ও ডিস্ক ।নিচে টাইপ পরিবর্তনের জন্য কোড দেওয়া হল

1 2 3

<ul type="square"> <ul type="disc"> <ul type="circle">

প্রতি ক্ষেত্রে

  tag লিস্ট element বোঝানো হয়।নিশ্চয়ই আপনারা এখন যেকোনো HTML লিস্ট তৈরি করতে পারবেন। ধন্যবাদ পাঠক বন্ধুরা।