- আসুন HTML শিখি (পর্ব-১)
- আসুন HTML শিখি (পর্ব-২)
- আসুন HTML শিখি (পর্ব-৩)
- আসুন HTML শিখি (পর্ব-৪)
- আসুন HTML শিখি (পর্ব-৫)
- আসুন HTML শিখি (পর্ব-৬)
- আসুন HTML শিখি (পর্ব-৭)
- আসুন HTML শিখি (পর্ব-৮)
- আসুন HTML শিখি (পর্ব-৯)
- আসুন HTML শিখি (পর্ব-১০)
- আসুন HTML শিখি (পর্ব-১১)
- আসুন HTML শিখি (পর্ব-১২)
- আসুন HTML শিখি (পর্ব-১৩)
- আসুন HTML শিখি (পর্ব-১৪)
- আসুন HTML শিখি (পর্ব-১৫)
- আসুন HTML শিখি (পর্ব-১৬)
- আসুন HTML শিখি (পর্ব-১৭)
- আসুন HTML শিখি (শেষ পর্ব )
আসালামু আলাইকুম /নমস্কার । কেমন আছেন সবাই। আশা করি সবাই ভাল আছেন। আমি ভাল । গত পর্বে আমরা টেবিল নিয়ে আলোচনা করেছি । আজকে আমরা 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 দিয়ে সেভ করুন । এটাকে ওপেন করলে নিছের ছবির মত আসবে ।
অসংখ্য ধন্যবাদ।
আপনাকেও ধন্যবাদ