এটি 18 পর্বের HTML বেসিক ট্রেনিং ফ্রি বিষয়ক টিউনের 11 পর্ব

আসালামু আলাইকুম /নমস্কার ।  কেমন আছেন সবাই। আশা করি সবাই ভাল আছেন। আমি ভাল । গত পর্বে আমরা টেবিল নিয়ে আলোচনা করেছি । আজকে আমরা List নিয়ে আলোচনা করব ।

HTML List:

HTML List শিখতে গেলে প্রথমেই আমাদের মনে যে প্রশ্নগুলো এসে যায় তা প্রশ্নের সাথে উত্তরসহ নিম্নরূপ:

HTML List কত প্রকার?

উত্তর: HTML List সাধারণত ‍দুই ধরণের হয়ে থাকে। যথা:

 

  • Ordered List
  • Unordered List

তাহলে আমাদের জানা দরকার Ordered List কি এবং Unordered List কি?

Ordered List:

যেকোন নাম্বার বা character যুক্ত লিস্টকে Ordered List বলা হয়। Ordered List  <ol> ট্যাগ দিয়ে শুরু হয়।

Unordered List:

যেকোন সিম্বল যুক্ত লিস্টকে Unordered List বলা হয়। Unordered List  <ul> ট্যাগ দিয়ে শুর হয়।

HTML List কেন ব্যবহার করা হয়?

উত্তর: HTML List ব্যবহার করা হয় লেখার সৌন্দর্য বৃদ্ধির জন্য। তাছাড়া নাম্বারিং করতেও অনেক কাজে আসে ।

HTML List কিভাবে লেখা হয়?

আমি আগেই বলেছি এইচটিএমএল লিস্ট ২ ধরনের হয় । প্রথমে Ordered list নিয়ে বলি ।

Ordered list:-

ordered list শুরু হয় <ol> ট্যাগ দিয়ে শেষ হয় </ol> ট্যাগ দিয়ে ।এর দুটি Attribute আছে , type আর start এই দুটি ।type Attribute-এর মান a,A,i,I,1 এই পাঁচটি হতে পারে ।start Attribute-এর মান type Attribute-এর উপর নির্ভর করে ।যদি type Attribute-এর মান a বা A হয় তবে start Attribute-এর মান a থেকে z পর্যন্ত যে কোন অক্ষর বা 1 থেকে 26 পর্যন্ত যে কোন পূর্ন গানিতিক সংখ্যা হতে পারে ।যদি type Attribute-এর মান i,I বা 1 হয় তবে start Attribute-এর মান যে কোন পূর্ন গানিতিক সংখ্যা হতে পারে ।

এর গঠন    নিচের কাঠামোর মত  হয় ।

 
<html>
<body>
<ol type=”1″ start=”1″>
<h3>Number Type list </h3>
<li>Html</li>
<li>Css</li>
<li>Php</li>
<li>Mysql </li>
</ol>
</body>
</html>

 

 

এটা নোটপ্যাড++ এ লিখে aa.html দিয়ে সেভ করুন । এটাকে ওপেন করলে নিছের ছবির মত আসবে ।

 

 

 

 

Unordered List:-

 

unordered list শুরু হয় <ul> ট্যাগ দিয়ে শেষ হয় </ul> ট্যাগ দিয়ে ।এর শুধু type Attribute আছে , type  Attribute-এর মান square,circle বা dics ইত্যাদি হয়ে থাকে । এর গঠন নিচের কোড এর মত  হয় ।

 
<html>
<body>
<h4>Disc Type list</h4>
<ul type=”disc”>
<li>Home</li>
<li>About Us</li>
<li>Contact Us</li>
</ul>
<h4>Circle Type list</h4>
<ul type=”circle”>
<li>HTML</li>
<li>CSS</li>
<li>PHP</li>
</ul><h4>Square Type list</h4>
<ul type=”square”>
<li>Pragaph</li>
<li>Table</li>
<li>List</li>
</ul>
</body>
</html>

 

 

এটা নোটপ্যাড++ এ লিখে aaa.html দিয়ে সেভ করুন । এটাকে ওপেন করলে নিছের ছবির মত আসবে ।

 

 

 

Series Navigation<< আসুন HTML শিখি (পর্ব-১০)আসুন HTML শিখি (পর্ব-১২) >>