কম্পিউটার টিউটোরিয়াল

HTML <section> ট্যাগ


HTML-এ <section> ট্যাগটি একটি HTML ডকুমেন্টে হেডার, ফুটার, পাঠ, ইত্যাদি সংজ্ঞায়িত করতে ব্যবহৃত হয়, যা আমরা সেকশন বলতে পারি।

এখন <section> ট্যাগ বাস্তবায়নের উদাহরণ দেখি:

উদাহরণ

<!DOCTYPE html> <html> <body> <h1>প্রোফাইল</h1> <h2>শিক্ষাগত যোগ্যতা</h2> <section> <h2>স্নাতক</h2> <select> <option value="bca">BCA</option> <option value="bcom">B.COM</option> <option value="btech">B.TECH</option> </select> </section> <section> <h2>স্নাতকোত্তর</h2> <select> <option value="mca">MCA</option> <option value="mcom">M.COM</option> <option value="mtech">M.TECH</option> <option value="msc">M.Sc</option> </select> </section> <section> <p>জুলাই ২০১৫ - মে ২০১৯ পর্যন্ত ABC Corporation-এ টেকনিক্যাল ম্যানেজার হিসেবে কাজ করা হয়েছে।</p> </section> </body> </html>

আউটপুট

HTML <section> ট্যাগ

উপরের উদাহরণে, আমরা <select> ট্যাগের সাথে ভিন্ন সেকশনগুলো সেট করেছি। প্রথম সেকশনটি:

<section> <h2>স্নাতক</h2> <select> <option value="bca">BCA</option> <option value="bcom">B.COM</option> <option value="btech">B.TECH</option> </select> </section>

বাকি দুটি সেকশন নিচে দেওয়া হল:

<section> <h2>স্নাতকোত্তর</h2> <select> <option value="mca">MCA</option> <option value="mcom">M.COM</option> <option value="mtech">M.TECH</option> <option value="msc">M.Sc</option> </select> </section> <section> <p>জুলাই ২০১৫ - মে ২০১৯ পর্যন্ত ABC Corporation-এ টেকনিক্যাল ম্যানেজার হিসেবে কাজ করা হয়েছে।</p> </section>
  1. HTML <optgroup> disabled Attribute

  2. HTML <option> disabled অ্যাট্রিবিউট

  3. HTML <data> ট্যাগ

  4. HTML <textarea> disabled অ্যাট্রিবিউট