by Baharul | Jan 17, 2021 | সরকারি চাকরি |
Biman Bangladesh Airlines Job Circular
Biman Bangladesh Airlines Job Circular 2021 has been published their authority in daily jobs NewsPaper and to get from the best job news website in Kazi jobs careers. We know that the best news is, Biman Airlines Bangladesh is a government airline that works on the fly. The good news is, recently Biman Airlines Bangladesh Published New Job Circular 2021 For Job Seekers. You can see all of the information from www.job.kaziitzone.com and Apply For Jobs Today! Biman Bangladesh Airlines Job Circular 2021. Biman Bahinir Chakri বিমান বাহিনীতে বিভিন্ন পদে বিশাল নিয়োগ বিজ্ঞপ্তি। Jobs Kazi IT Zone a Jobs Circular বিস্তারিত দেখুন
Airlines Job Circular in Bangladesh
১। পদের নামঃ কম্পিউটার অপারেটর
যোগ্যতাঃ বিজ্ঞান বিভাগে স্নাতকোত্তর ডিগ্রী ও কম্পিউটারে দক্ষতা
পদের সংখ্যাঃ ০৫টি
বেতন স্কেলঃ ১১,০০০/- থেকে ২৬,৫৯০/- গ্রেড-১৩
২। পদের নামঃ নকশাকার গ্রেড-২
যোগ্যতাঃ মাধ্যমিক পাশসহ সংশ্লিষ্ট বিষয়ে ট্রেড কোর্স এ উত্তীর্ণ এবং কম্পিউটারে দক্ষতা
পদের সংখ্যাঃ ০৪টি
বেতন স্কেলঃ ১১,০০০/- থেকে ২৬,৫৯০/- গ্রেড-১৩
৩। পদের নামঃ সাটঁলিপিকার কাম-কম্পিউটার অপারেটর
যোগ্যতাঃ স্নাতক বা সমমানের ডিগ্রী ও কম্পিউটারে দক্ষতা
পদের সংখ্যাঃ ০২টি
বেতন স্কেলঃ ১১,০০০/- থেকে ২৬,৫৯০/- গ্রেড-১৩
৪। পদের নামঃ নকশাকার গ্রেড-৩
যোগ্যতাঃ মাধ্যমিক পাশসহ সংশ্লিষ্ট বিষয়ে ট্রেড কোর্স এ উত্তীর্ণ এবং কম্পিউটারে দক্ষতা
পদের সংখ্যাঃ ০৪টি
বেতন স্কেলঃ ৯,৭০০/- থেকে ২৩,৪৯০/- গ্রেড-১৫
বয়সঃ ৪০ বছর
৫। পদের নামঃ মেকানিক্যাল ট্রান্সপোর্ট ড্রাইভার
যোগ্যতাঃ অষ্টম শ্রেণি পাশ বৈধ লাইসেন্সধারী
অভিজ্ঞতাঃ ০৫ বছর
পদের সংখ্যাঃ ৩০টি
বেতন স্কেলঃ ৯,৭০০/- থেকে ২৩,৪৯০/- গ্রেড-১৫
Bahinir Chakrir Khobor 2021
৬। পদের নামঃ মিস্ত্রী ক্লাস-১ (মেকানিক্যাল ট্রান্সপোর্ট ফিটার)
যোগ্যতাঃ সংশ্লিষ্ট ট্রেডে উচ্চ মাধ্যমিক পাশ
পদের সংখ্যাঃ ০২টি
বেতন স্কেলঃ ৯,৭০০/- থেকে ২৩,৪৯০/- গ্রেড-১৫
৭। পদের নামঃ মিস্ত্রী ক্লাস-১ (ইলেকট্রিক ফিটার)
যোগ্যতাঃ উচ্চ মাধ্যমিক পাশসহ সংশ্লিষ্ট বিষয়ে ট্রেড কোর্স এ উত্তীর্ণ
পদের সংখ্যাঃ ০২টি
বেতন স্কেলঃ ৯,৭০০/- থেকে ২৩,৪৯০/- গ্রেড-১৫
৮। পদের নামঃ মিস্ত্রী ক্লাস-১ (এয়ারফ্রেম ফিটার)
যোগ্যতাঃ উচ্চ মাধ্যমিক পাশসহ সংশ্লিষ্ট বিষয়ে ট্রেড কোর্স এ উত্তীর্ণ
পদের সংখ্যাঃ ০২টি
বেতন স্কেলঃ ৯,৭০০/- থেকে ২৩,৪৯০/- গ্রেড-১৫
৯। পদের নামঃ অফিস করণিক
যোগ্যতাঃ উচ্চ মাধ্যমিক পাশসহ সংশ্লিষ্ট বিষয়ে ট্রেড কোর্স এ উত্তীর্ণ এবং কম্পিউটারে দক্ষতা
পদের সংখ্যাঃ ১২টি
বেতন স্কেলঃ ৯,৩০০/- থেকে ২২,৪৯০/- গ্রেড-১৬
১০। পদের নামঃ স্টোরম্যান
যোগ্যতাঃ উচ্চ মাধ্যমিক পাশসহ সংশ্লিষ্ট বিষয়ে ট্রেড কোর্স এ উত্তীর্ণ এবং কম্পিউটারে দক্ষতা
পদের সংখ্যাঃ ০৭টি
বেতন স্কেলঃ ৯,৩০০/- থেকে ২২,৪৯০/- গ্রেড-১৬
S.S.C পাশের চাকরি
১১। পদের নামঃ মিডওয়াইফ
যোগ্যতাঃ মাধ্যমিক পাশসহ সংশ্লিষ্ট বিষয়ে ট্রেড কোর্স এ উত্তীর্ণ
পদের সংখ্যাঃ ০৩টি
বেতন স্কেলঃ ৯,৩০০/- থেকে ২২,৪৯০/- গ্রেড-১৬
১২। পদের নামঃ ডাটা এন্ট্রি অপারেটর
যোগ্যতাঃ মাধ্যমিক পাশ ও সংশ্লিষ্ট বিষয়ে ট্রেড কোর্স পাশ এবং কম্পিউটারে দক্ষতা
পদের সংখ্যাঃ ০৪টি
বেতন স্কেলঃ ৯,৩০০/- থেকে ২২,৪৯০/- গ্রেড-১৬
১৩। পদের নামঃ স্পোর্টস মার্কার
যোগ্যতাঃ মাধ্যমিক পাশ ও সংশ্লিষ্ট বিষয়ে ট্রেড কোর্স পাশ
পদের সংখ্যাঃ ০২টি
বেতন স্কেলঃ ৯,৩০০/- থেকে ২২,৪৯০/- গ্রেড-১৬
১৪। পদের নামঃ ফায়ার ফাইটার
যোগ্যতাঃ সংশ্লিষ্ট ট্রেডে উচ্চ মাধ্যমিক পাশ
পদের সংখ্যাঃ ০৪টি
বেতন স্কেলঃ ৯,৩০০/- থেকে ২২,৪৯০/- গ্রেড-১৬
১৫। পদের নামঃ মিস্ত্রী ক্লাস-২ (মেকানিক্যাল ট্রান্সপোর্ট মেকানিক)
যোগ্যতাঃ উচ্চ মাধ্যমিক পাশসহ সংশ্লিষ্ট বিষয়ে ট্রেড কোর্স এ উত্তীর্ণ
পদের সংখ্যাঃ ০২টি
বেতন স্কেলঃ ৯,৩০০/- থেকে ২২,৪৯০/- গ্রেড-১৬
Biman Bahini Bangladesh Airlines Job Circular 2021
১৬। পদের নামঃ মিস্ত্রী ক্লাস-২ (ইলেকট্রিক মেকানিক)
যোগ্যতাঃ মাধ্যমিক পাশ ও সংশ্লিষ্ট বিষয়ে ট্রেড কোর্স পাশ
পদের সংখ্যাঃ ০২টি
বেতন স্কেলঃ ৯,৩০০/- থেকে ২২,৪৯০/- গ্রেড-১৬
১৭। পদের নামঃ ট্রেডসম্যান (মেকানিক্যাল ট্রান্সপোর্ট মেকানিক)
যোগ্যতাঃ মাধ্যমিক পাশ ও সংশ্লিষ্ট বিষয়ে ট্রেড কোর্স পাশ
পদের সংখ্যাঃ ০৭টি
বেতন স্কেলঃ ৮,৮০০/- থেকে ২১,৩১০/- গ্রেড-১৮
১৮। পদের নামঃ ট্রেডসম্যান (ইলেকট্রিক মেকানিক)
যোগ্যতাঃ মাধ্যমিক পাশ ও সংশ্লিষ্ট বিষয়ে ট্রেড কোর্স পাশ
পদের সংখ্যাঃ ০৫টি
বেতন স্কেলঃ ৮,৮০০/- থেকে ২১,৩১০/- গ্রেড-১৮
১৯। পদের নামঃ ট্রেডসম্যান (কার্পেন্টার)
যোগ্যতাঃ মাধ্যমিক পাশ ও সংশ্লিষ্ট বিষয়ে ট্রেড কোর্স পাশ
পদের সংখ্যাঃ ০৪টি
বেতন স্কেলঃ ৮,৮০০/- থেকে ২১,৩১০/- গ্রেড-১৮
২০। পদের নামঃ ট্রেডসম্যান (গ্রাউন্ড সিগন্যালার)
যোগ্যতাঃ মাধ্যমিক পাশ ও সংশ্লিষ্ট বিষয়ে ট্রেড কোর্স পাশ
পদের সংখ্যাঃ ০৩টি
বেতন স্কেলঃ ৮,৮০০/- থেকে ২১,৩১০/- গ্রেড-১৮
Bangladesh Air Force Jobs Circular 2021
২১। পদের নামঃ ট্রেডসম্যান (পেইন্টার)
যোগ্যতাঃ মাধ্যমিক পাশ ও সংশ্লিষ্ট বিষয়ে ট্রেড কোর্স পাশ
পদের সংখ্যাঃ ০৫টি
বেতন স্কেলঃ ৮,৮০০/- থেকে ২১,৩১০/- গ্রেড-১৮
২২। পদের নামঃ ট্রেডসম্যান (এয়ারফ্রেম মেকানিক)
যোগ্যতাঃ মাধ্যমিক পাশ ও সংশ্লিষ্ট বিষয়ে ট্রেড কোর্স পাশ
পদের সংখ্যাঃ ০৬টি
বেতন স্কেলঃ ৮,৮০০/- থেকে ২১,৩১০/- গ্রেড-১৮
২৩। পদের নামঃ ট্রেডসম্যান (জেনারেল মেকানিক)
যোগ্যতাঃ মাধ্যমিক পাশ ও সংশ্লিষ্ট বিষয়ে ট্রেড কোর্স পাশ
পদের সংখ্যাঃ ০৪টি
বেতন স্কেলঃ ৮,৮০০/- থেকে ২১,৩১০/- গ্রেড-১৮
২৪। পদের নামঃ ট্রেডসম্যান (মেটাল ওয়ার্কার)
যোগ্যতাঃ মাধ্যমিক পাশ ও সংশ্লিষ্ট বিষয়ে ট্রেড কোর্স পাশ
পদের সংখ্যাঃ ০৩টি
বেতন স্কেলঃ ৮,৮০০/- থেকে ২১,৩১০/- গ্রেড-১৮
২৫। পদের নামঃ ট্রেডসম্যান (আর্মামেন্ট মেকানিক)
যোগ্যতাঃ মাধ্যমিক পাশ ও সংশ্লিষ্ট বিষয়ে ট্রেড কোর্স পাশ
পদের সংখ্যাঃ ০২টি
বেতন স্কেলঃ ৮,৮০০/- থেকে ২১,৩১০/- গ্রেড-১৮
Bangladesh Biman Bahini Chakrir Khobor 2021
২৬। পদের নামঃ ট্রেডসম্যান (ওয়েল্ডার)
যোগ্যতাঃ মাধ্যমিক পাশ ও সংশ্লিষ্ট বিষয়ে ট্রেড কোর্স পাশ
পদের সংখ্যাঃ ০৪টি
বেতন স্কেলঃ ৮,৮০০/- থেকে ২১,৩১০/- গ্রেড-১৮
২৭। পদের নামঃ ট্রেডসম্যান (ওয়্যারলেস মেকানিক)
যোগ্যতাঃ মাধ্যমিক পাশ ও সংশ্লিষ্ট বিষয়ে ট্রেড কোর্স পাশ
পদের সংখ্যাঃ ০২টি
বেতন স্কেলঃ ৮,৮০০/- থেকে ২১,৩১০/- গ্রেড-১৮
২৮। পদের নামঃ ট্রেডসম্যান (ফেব্রিক ওয়ার্কার)
যোগ্যতাঃ মাধ্যমিক পাশ ও সংশ্লিষ্ট বিষয়ে ট্রেড কোর্স পাশ
পদের সংখ্যাঃ ০২টি
বেতন স্কেলঃ ৮,৮০০/- থেকে ২১,৩১০/- গ্রেড-১৮
২৯। পদের নামঃ ট্রেডসম্যান (ইঞ্জিন মেকানিক)
যোগ্যতাঃ মাধ্যমিক পাশ ও সংশ্লিষ্ট বিষয়ে ট্রেড কোর্স পাশ
পদের সংখ্যাঃ ০৪টি
বেতন স্কেলঃ ৮,৮০০/- থেকে ২১,৩১০/- গ্রেড-১৮
৩০। পদের নামঃ মুয়াজ্জিন
যোগ্যতাঃ জুনিয়র স্কুল সার্টিফিকেট পাশ
পদের সংখ্যাঃ ০১টি
বেতন স্কেলঃ ৮,৮০০/- থেকে ২১,৩১০/- গ্রেড-১৮
Biman Bahinir Chakrir Khobor 2021
৩১। পদের নামঃ দাই
যোগ্যতাঃ জুনিয়র স্কুল সার্টিফিকেট পাশ
অভিজ্ঞতাঃ ০২ বছর
পদের সংখ্যাঃ ০২টি
বেতন স্কেলঃ ৮,৫০০/- থেকে ২০,৫৭০/- গ্রেড-১৯
৩২। পদের নামঃ অফিস সহায়ক
যোগ্যতাঃ মাধ্যমিক পাশ
পদের সংখ্যাঃ ২২টি
বেতন স্কেলঃ ৮,২৫০/- থেকে ২০,০১০/- গ্রেড-২০
৩৩। পদের নামঃ লস্কর
যোগ্যতাঃ জুনিয়র স্কুল সার্টিফিকেট পাশ
পদের সংখ্যাঃ ৫৮টি
বেতন স্কেলঃ ৮,২৫০/- থেকে ২০,০১০/- গ্রেড-২০
৩৪। পদের নামঃ বাবুর্চি
যোগ্যতাঃ জুনিয়র স্কুল সার্টিফিকেট পাশ
পদের সংখ্যাঃ ২৬টি
বেতন স্কেলঃ ৮,২৫০/- থেকে ২০,০১০/- গ্রেড-২০
৩৫। পদের নামঃ লস্কর এন্টি- ম্যালেরিয়া
যোগ্যতাঃ জুনিয়র স্কুল সার্টিফিকেট পাশ
পদের সংখ্যাঃ ০৩টি
বেতন স্কেলঃ ৮,২৫০/- থেকে ২০,০১০/- গ্রেড-২০
Biman BD Notun Niyog Biggopti
৩৬। পদের নামঃ লস্কর এয়ারক্রাফট
যোগ্যতাঃ জুনিয়র স্কুল সার্টিফিকেট পাশ
পদের সংখ্যাঃ ১১টি
বেতন স্কেলঃ ৮,২৫০/- থেকে ২০,০১০/- গ্রেড-২০
৩৭। পদের নামঃ মেকানিক্যাল ট্রান্সপোর্ট গ্রীজার
যোগ্যতাঃ জুনিয়র স্কুল সার্টিফিকেট পাশ
পদের সংখ্যাঃ ১০টি
বেতন স্কেলঃ ৮,২৫০/- থেকে ২০,০১০/- গ্রেড-২০
৩৮। পদের নামঃ লস্কর স্পোর্টস মার্কার
যোগ্যতাঃ জুনিয়র স্কুল সার্টিফিকেট পাশ
পদের সংখ্যাঃ ০২টি
বেতন স্কেলঃ ৮,২৫০/- থেকে ২০,০১০/- গ্রেড-২০
৩৯। পদের নামঃ লস্কর বার্ডশ্যুটার
যোগ্যতাঃ জুনিয়র স্কুল সার্টিফিকেট পাশ
পদের সংখ্যাঃ ০৪টি
বেতন স্কেলঃ ৮,২৫০/- থেকে ২০,০১০/- গ্রেড-২০
৪০। পদের নামঃ ওয়াচম্যান
যোগ্যতাঃ জুনিয়র স্কুল সার্টিফিকেট পাশ
পদের সংখ্যাঃ ১০টি
বেতন স্কেলঃ ৮,২৫০/- থেকে ২০,০১০/- গ্রেড-২০
www.biman bangladesh airlines job circular.bd
৪১। পদের নামঃ লস্কর ওয়ার্ডবয়
যোগ্যতাঃ জুনিয়র স্কুল সার্টিফিকেট পাশ
অভিজ্ঞতাঃ ০২ বছর
পদের সংখ্যাঃ ০১টি
বেতন স্কেলঃ ৮,২৫০/- থেকে ২০,০১০/- গ্রেড-২০
৪২। পদের নামঃ ওয়াশার আপ
যোগ্যতাঃ জুনিয়র স্কুল সার্টিফিকেট পাশ
পদের সংখ্যাঃ ২২টি
বেতন স্কেলঃ ৮,২৫০/- থেকে ২০,০১০/- গ্রেড-২০
৪৩। পদের নামঃ মালী
যোগ্যতাঃ জুনিয়র স্কুল সার্টিফিকেট পাশ
পদের সংখ্যাঃ ১৪টি
বেতন স্কেলঃ ৮,২৫০/- থেকে ২০,০১০/- গ্রেড-২০
৪৪। পদের নামঃ ওয়াটার ক্যারিয়ার
যোগ্যতাঃ জুনিয়র স্কুল সার্টিফিকেট পাশ
পদের সংখ্যাঃ ০১টি
বেতন স্কেলঃ ৮,২৫০/- থেকে ২০,০১০/- গ্রেড-২০
৪৫। পদের নামঃ আয়া
যোগ্যতাঃ জুনিয়র স্কুল সার্টিফিকেট পাশ
অভিজ্ঞতাঃ ০২ বছর
পদের সংখ্যাঃ ০১টি
বেতন স্কেলঃ ৮,২৫০/- থেকে ২০,০১০/- গ্রেড-২০
৪৬। পদের নামঃ পরিচ্ছন্নতা কর্মী
যোগ্যতাঃ জুনিয়র স্কুল সার্টিফিকেট পাশ
পদের সংখ্যাঃ ১৮টি
বেতন স্কেলঃ ৮,২৫০/- থেকে ২০,০১০/- গ্রেড-২০
৪৭। পদের নামঃ লস্কর ফায়ার ফাইটার
যোগ্যতাঃ জুনিয়র স্কুল সার্টিফিকেট পাশ
পদের সংখ্যাঃ ০৬টি
বেতন স্কেলঃ৮,২৫০/- থেকে ২০,০১০/- গ্রেড-২০
Apply For Jobs
by Baharul | Jan 14, 2021 | Web Designing Course |
HTML List – তথ্যাবলী কে ওয়েব পেজে সুন্দর ভাবে তালিকা বা লিস্ট আকারে প্রদর্শন করার জন্য লিস্ট ট্যাগ ব্যবহার করা হয়। নিচে কিছু ফুলের নাম দেখুন, যেগুলো একটি লিস্ট আকারে প্রদর্শিত হয়েছে।
- সূর্যমুখী,
- দোলনচাঁপা,
- হাসনাহেনা,
- কাঠগোলাপ।
সর্বাধিক জনপ্রিয় লিস্ট ২ প্রকার। যথা –
১) অর্ডারড লিস্ট বা নাম্বারড লিস্ট,
২) আনঅর্ডারড লিস্ট বা বুলেটেড লিস্ট,
এছাড়াও আরও এক প্রকার লিস্ট আছে, তা হল –
৩) ডেফিনেশন লিস্ট বা বর্ণনামূলক লিস্ট।
এইচটিএমএল লিস্ট – HTML List :অর্ডারড লিস্ট বা নাম্বারড লিস্ট
তথ্যাবলীকে ক্রমিক নং বা সিরিয়াল নাম্বার অনুসারে উপস্থাপনের জন্য যে পদ্ধতির লিস্ট ব্যবহার করা হয় তাকে অর্ডারড লিস্ট বা নাম্বারড লিস্ট বলে। এটি একটি ব্লক লেভেল এলিমেনট।
অর্ডারড লিস্ট বা নাম্বারড লিস্ট উপস্থাপন করা হয় <ol>…</ol> ট্যাগ দিয়ে এবং প্রতিটি লিস্ট আইটেম উপস্থাপন করা হয়<li>…</li> ট্যাগ দিয়ে যেগুলো <ol> ও </ol> ট্যাগ এর মাঝে অবস্থান করে।
উদাহরণ
<ol>
<li> This is a list. </li>
<li> This is a list. </li>
<li> This is a list. </li>
</ol>
নোট – এখানে ডিফল্ট স্টাইল টাইপ রুপে 1, 2, 3 ইত্যাদি প্রদর্শিত হয়।
অর্ডার লিস্টের বাবহ্রিত চিহ্ন
<ol> ট্যাগের সাথে সিএসএস type এট্রিবিউট ব্যবহার করে লিস্ট আইটেম গুলো চিহ্নিত করার ধরণসমূহ নির্ধারণ করা যায়।
লিস্ট আইটেম গুলো সংখ্যা দিয়ে প্রদর্শন করতে হলে type এট্রিবিউটের মান নির্ধারণ করতে হবে “1”, নিচে একটি উদাহরণ দেখুন।
উদাহরণ
<ol type=”1″>
<li>Coffee</li>
<li>Tea</li>
<li>Milk</li>
</ol>
লিস্ট আইটেম গুলো ছোট হাতের ইংরেজি অক্ষর দিয়ে প্রদর্শন করতে হলে type এট্রিবিউটের মান নির্ধারণ করতে হবে “A”, নিচে একটি উদাহরণ দেখুন।
উদাহরণ
<ol type=”A”>
<li>Coffee</li>
<li>Tea</li>
<li>Milk</li>
</ol>
লিস্ট আইটেম গুলো ছোট হাতের ইংরেজি অক্ষর দিয়ে প্রদর্শন করতে হলে type এট্রিবিউটের মান নির্ধারণ করতে হবে “a”, নিচে একটি উদাহরণ দেখুন।
উদাহরণ
<ol type=”a”>
<li>Coffee</li>
<li>Tea</li>
<li>Milk</li>
</ol>
লিস্ট আইটেম গুলো বড় হাতের রোমান সংখ্যা দিয়ে প্রদর্শন করতে হলে type এট্রিবিউটের মান নির্ধারণ করতে হবে “I”, নিচে একটি উদাহরণ দেখুন।
বড় হাতের রোমান সংখ্যা
<ol type=”I”>
<li>Coffee</li>
<li>Tea</li>
<li>Milk</li>
</ol>
লিস্ট আইটেম গুলো ছোট হাতের রোমান সংখ্যা দিয়ে প্রদর্শন করতে হলে type এট্রিবিউটের মান নির্ধারণ করতে হবে “i”, নিচে একটি উদাহরণ দেখুন।
ছোট হাতের রোমান সংখ্যা
<ol type=”i”>
<li>Coffee</li>
<li>Tea</li>
<li>Milk</li>
</ol>
এইচটিএমএল লিস্ট কি? – What is HTML List : আনঅর্ডারড লিস্ট বা বুলেটেড লিস্ট কাকে বলে?
তথ্যাবলীকে বিভিন্ন সিম্বল বা বুলেট ব্যবহার করে উপস্থাপনের জন্য যে পদ্ধতির লিস্ট তৈরি করা হয় তাকে আনঅর্ডারড লিস্ট বা বুলেটেড লিস্ট বলে। এটি একটি ব্লক লেভেল এলিমেনট।
আনঅর্ডারড লিস্ট বা বুলেটেড লিস্ট উপস্থাপন করা হয় <ul> … </ul> ট্যাগ দিয়ে এবং প্রতিটি লিস্ট আইটেম উপস্থাপন করা হয় <li> … </li> ট্যাগ দিয়ে যেগুলো <ul> ও </ul> ট্যাগ এর মাঝে অবস্থান করে।
উদাহরণ
<ol>
<li> This is a list. </li>
<li> This is a list. </li>
<li> This is a list. </li>
</ol>
নোট – এখানে ডিফল্ট স্টাইল টাইপ রুপে কাল রঙের বৃত্ত প্রদর্শিত হয়।
HTML আন-অর্ডার লিস্টে ব্যবহৃত চিহ্ন
সিএসএস list-style-type প্রোপার্টি ব্যবহার করে আন-অর্ডার লিস্টে বিভিন্ন ধরনের চিহ্ন প্রদর্শন করা যায়।
সিএসএস list-style-type প্রোপার্টি ব্যবহার করে আন-অর্ডার লিস্টের বিভিন্ন মান বা value এর জন্য কিরকম চিহ্ন প্রদর্শিত হবে তা নিছে দেখুন –
circle – এই মানের জন্য লিস্টের আইটেম গুলো চক্র বা circle আকারে প্রদর্শিত হয়।
disc – এই মানের জন্য লিস্টের আইটেম গুলো বুলেট অর্থাৎ বৃত্ত আকারে প্রদর্শিত হয়। এই টা সিএসএস list-style-type প্রোপার্টির default মান।
square – এই মানের জন্য লিস্টের আইটেম গুলো বর্গাকার হয়ে প্রদর্শিত হয়।
none – এই মানের জন্য কোন ছিনহ প্রদর্শিত হয় না।
লিস্ট আইটেম গুলো Disc ছিনহ দিয়ে প্রদর্শন করতে হলে list-style-type এট্রিবিউটের মান নির্ধারণ করতে হবে “disc”, নিচে একটি উদাহরণ দেখুন।
উদাহরণ
<ul style=”list-style-type:disc”>
<li>Coffee</li>
<li>Tea</li>
<li>Milk</li>
</ul>
লিস্ট আইটেম গুলো Circle ছিনহ দিয়ে প্রদর্শন করতে হলে list-style-type এট্রিবিউটের মান নির্ধারণ করতে হবে “circle”, নিচে একটি উদাহরণ দেখুন।
এইচটিএমএল লিস্ট কি?
উদাহরণ
<ul style=”list-style-type:circle”>
<li>Coffee</li>
<li>Tea</li>
<li>Milk</li>
</ul>
লিস্ট আইটেম গুলো Square ছিনহ দিয়ে প্রদর্শন করতে হলে list-style-type এট্রিবিউটের মান নির্ধারণ করতে হবে “square”, নিচে একটি উদাহরণ দেখুন।
উদাহরণ
<ul style=”list-style-type:square”>
<li>Coffee</li>
<li>Tea</li>
<li>Milk</li>
</ul>
লিস্ট আইটেম গুলো যদি কোন ছিনহ ছাড়া প্রদর্শন করতে চান, তবে list-style-type এট্রিবিউটের মান নির্ধারণ করতে হবে “none”, নিচে একটি উদাহরণ দেখুন।
উদাহরণ
<ul style=”list-style-type:none”>
<li>Coffee</li>
<li>Tea</li>
<li>Milk</li>
</ul>
ডেফিনেশন লিস্ট বা বর্ণনামূলক লিস্ট – What is HTML List
ডেফিনেশন বা বর্ণনামূলক লিস্ট হল এমন এক প্রকার লিস্ট যার প্রতিটি লিস্ট আইটেম এর সাথে একটি করে সংক্ষিপ্ত বিবরণ বা ডেফিনেশন থাকে। এটি একটি ব্লক লেভেল এলিমেনট।
ওয়েব পেজে ডেফিনেশন লিস্ট বা বর্ণনামূলক লিস্ট উপস্থাপন করা হয় <dl>…</dl> ট্যাগ দিয়ে। প্রতিটি লিস্ট আইটেম উপস্থাপন করা হয়<dt>…</dt> ট্যাগ দিয়ে যেগুলো <dl> ও </dl> ট্যাগ এর মাঝে অবস্থান করে। প্রতিটি লিস্ট আইটেম এর সংক্ষিপ্ত বিবরণ বা ডেফিনেশন ঐ লিস্ট আইটেম টির পরে <dd> ও </dd> ট্যাগ এর মাধ্যমে লেখা হয়।
উদাহরণ
<dl>
<dt>Coffee</dt>
<dd> – black hot drink</dd>
<dt>Milk</dt>
<dd>- white cold drink</dd>
</dl>
নেস্টেড বা Nested লিস্ট
এইচটিএমএল লিস্টের মধ্যে পূনরায় লিস্ট তৈরি করা যায়, মানে কোন একটি লিস্ট আইটেমের জায়গায় আমরা আবার একটি লিস্ট তৈরি করতে পারি। অর্থাৎ কোন লিস্টের ভেতরে আবার লিস্ট তৈরি করতে পারি। নিচে একটি উদাহরণের মাদ্ধমে বিষয়টি দেখুন।
উদাহরণ
<ul>
<li>Coffee</li>
<li>Tea
<ul>
<li>Black tea</li>
<li>Green tea</li>
</ul>
</li>
<li>Milk</li>
</ul>
নোট – কোন এইচটিএমএল লিস্টের মধ্যে যেকোন এইচটিএমএল এলিমেন্ট, যেমন – কোন নতুন লিস্ট, ছবি, প্যারাগ্রাফ, লিংক ইত্যাদি। রাখা যেতে পারে।
আনুভূমিক বা Horizontal লিস্ট
সিএসএস স্টাইল কোড ব্যবহার করে, লিস্ট এলিমেন্তকে বিভিন্ন স্থানে ব্যবহার করা যায়। ওয়েব পেজের মেনুবার তৈরি তার অন্যতম একটি উদাহরণ। লিস্টকে ব্যবহার করে খুব সহজেই কোন আনুভূমিক বা Horizontal এবং উলম্ব বা Vertical মেনুবার তৈরি করা যায়। নিচে একটি উদাহরণ দেখুন, যেখানে সিএসএস ব্যবহার করে একটি মেনু বার তৈরি করা হয়েছে।
উদাহরণ
<!DOCTYPE html>
<html>
<head>
<style>
ul{list-style-type: none;margin: 0;padding: 0;overflow: hidden;background-color: #333333;}
li {float: left;}
li a {display: block;color: white;text-align: center;padding: 16px;text-decoration: none;}
li a:hover {background-color: #111111;}
</style>
</head>
<body>
<ul>
<li><a href=”#home”>Home</a></li>
<li><a href=”#news”>News</a></li>
<li><a href=”#contact”>Contact</a></li>
<li><a href=”#about”>About</a></li>
</ul>
</body>
</html>
এইচটিএমএল লিস্ট – HTML List
সিএসএস সম্পর্কে আরও জানতে আমাদের সিএসএস টিউটোরিয়াল দেখুন।
এইচ টি এম এল লিস্ট – H T M L L I S T
by Baharul | Jan 11, 2021 | Web Designing Course |
| প্রসঙ্গ |
বর্ণনা |
| form ট্যাগ |
ব্যবহারকারীর তথ্য সংগ্রহ করার জন্য এইচটিএমএল ফর্ম ব্যবহৃত হয় |
| input ট্যাগ |
ফর্মের তথ্য সংগ্রহ করার জন্য বিভিন্ন ইনপুট ট্যাগ ব্যবহার করা হয় |
| action এট্রিবিউট |
ওয়েব পেজ থেকে ফর্মের তথ্য সার্ভারে পাঠায় |
| method এট্রিবিউট |
ফর্ম সাবমিটের জন্য এইচটিটিপি(HTTP) মেথড নির্ধারণ করে |
| name এট্রিবিউট |
ইনপুট ফিল্ডের ভ্যালু সার্ভারে সঠিক ভাবে সাবমিট করে |
| fieldset এট্রিবিউট |
ফর্মের তথ্যকে বিভিন্ন অংশে বিভক্ত করে |
উদাহরণ
<!DOCTYPE html>
<html>
<head>
<title>এইচটিএমএল ফর্ম উদাহরণ</title>
</head>
<body>
<form method=”post” action=”action_page.php”>
প্রথম নামঃ <input type=”text” name=”firstname” value=”শিল্পী”><br>
শেষের নামঃ <input type=”text” name=”lastname” value=”দেবনাথ”><br>
<input type=”submit” value=”সাবমিট”>
</form>
</body>
</html>
যখন আপনি সাবমিট বাটনে ক্লিক করবেন, তখন সার্ভার আপনার ইনপুট গুলোকে “action_page.php” ফাইলের মাধ্যমে প্রক্রিয়াজাত করে এবং ফলাফল ফেরত দেয়।
ফলাফল
বিঃদ্রঃ এই টিউটোরিয়ালটি আপনাকে শিখাবে না কিভাবে সার্ভার ফাইল প্রক্রিয়া করে। তা শিখার জন্য আমাদের পিএইচপি টিউটোরিয়াল দেখুন।
এইচটিএমএল ফর্ম HTML Form এইচটিএমএল <form> এলিমেন্ট
ব্যবহারকারীর তথ্য সংগ্রহ করার জন্য এইচটিএমএল ফর্ম ব্যবহৃত হয়।
একটি এইচটিএমএল ফর্মকে <form> এলিমেন্ট দিয়ে ডিফাইন করা হয়।
উদাহরণ
<form>
…
ফর্ম এলিমেন্ট
…
</form>
ফর্ম এলিমেন্ট বিভিন্ন ধরনের হয়ে থাকে। যেমনঃ ইনপুট এলিমেন্ট, চেকবক্স, রেডিও বাটন, সাবমিট বাটন ইত্যাদি।
ফর্ম <input> এলিমেন্ট
ফর্ম এলিমেন্টের মধ্যে সবচেয়ে গুরুত্বপূর্ণ এবং বহুল ব্যবহৃত হচ্ছে <input> এলিমেন্ট। আমরা <input> এলিমেন্টে type এট্রিবিউট ব্যবহারের মাধ্যমে <input> এলিমেন্টকে বিভিন্ন প্রয়োজনে ব্যবহার করতে পারি।
এই টিউটোরিয়ালে আমরা type এট্রিবিউটে নিম্নের তিনটি ভ্যালুর ব্যবহার দেখবোঃ
| টাইপ |
বর্ণনা |
| text |
সাধারণ টেক্সট ইনপুট ডিফাইন করে |
| radio |
রেডিও বাটন ইনপুট ডিফাইন করে |
| submit |
ফর্ম সার্ভারে প্রেরনের জন্য ডিফাইন করা হয় |
ফর্ম text টাইপ ইনপুট
এক লাইনের একটি বক্সের মাধ্যমে তথ্য সংগ্রহের জন্য <input type=”text”> ডিফাইন করতে হয়ঃ
উদাহরণ
<!DOCTYPE html>
<html>
<head>
<title>টেক্সট টাইপ ইনপুট</title>
</head>
<body>
<form>
প্রথম নামঃ <input type=”text” name=”firstname”><br>
শেষের নামঃ <input type=”text” name=”lastname”><br>
</form>
</body>
</html>
ফলাফল
পরামর্শঃ টেক্সট ইনপু্টের ডিফল্ট দৈর্ঘ্য ২০ ক্যারেক্টারের বেশি হয় না।
ফর্ম radio টাইপ ইনপুট
ইনপুট এলিমেন্ট দ্বারা রেডিও টাইপ বাটন তৈরি করার জন্য <input type=”radio”> ডিফাইন করতে হয়।
উদাহরণ
<!DOCTYPE html>
<html>
<head>
<title>রেডিও টাইপ ইনপুট</title>
</head>
<body>
<form>
<input type=”radio” name=”company” value=”dell” checked> Dell <br>
<input type=”radio” name=”company” value=”apple”> Apple <br>
<input type=”radio” name=”company” value=”lenovo”> Lenovo
</form>
</body>
</html>
নিম্নের রেডিও বাটনে ব্যবহারকারী যেকোন একটিকে সিলেক্ট করতে পারবেঃ
ফলাফল
এইচটিএমএল ফর্ম HTML Form submit টাইপ ইনপুট
সার্ভারে তথ্য প্রেরনের জন্য সাবমিট বাটন তৈরি করতে <input type=”submit”> ডিফাইন করতে হয়।
উদাহরণ
<!DOCTYPE html>
<html>
<head>
<title>সাবমিট টাইপ ইনপুট</title>
</head>
<body>
<form action=”action_page.php”>
প্রথম নামঃ <input type=”text” name=”firstname” value=”শিল্পী”><br>
শেষের নামঃ <input type=”text” name=”lastname” value=”দেবনাথ”><br>
<input type=”submit” value=”সাবমিট”>
</form>
</body>
</html>
যখন আপনি সাবমিট বাটনে ক্লিক করবেন, তখন সার্ভার আপনার ইনপুট গুলোকে “action_page.php” ফাইলের মাধ্যমে প্রক্রিয়াজাত করে এবং ফলাফল ফেরত দেয়।
ফলাফল
বিঃদ্রঃ এই টিউটোরিয়ালটি আপনাকে শিখাবে না কিভাবে সার্ভার ফাইল প্রক্রিয়া করে। তা শিখার জন্য আমাদের পিএইচপি টিউটোরিয়াল দেখুন।
ফর্ম action এট্রিবিউট
সাবমিট বাটনে ক্লিক করার পর action এট্রিবিউটটি তার কার্য সম্পাদন করে। সাবমিট বাটনে ক্লিকের মাধ্যমে ওয়েব পেজ থেকে ফর্মের তথ্য সার্ভারে সাবমিট করা হয়।
নিম্নে একটি ব্যবহার দেখানো হলোঃ
<form action=”action_page.php”>
ফর্ম method এট্রিবিউট
ফর্ম সাবমিটের জন্য এইচটিটিপি(HTTP) মেথড GET অথবা POST ব্যবহার হয়। নিম্নে ফর্মে মেথড এট্রিবিউট ডিফাইন করা হলঃ
<form action=”action_page.php” method=”get”>
অথবাঃ
<form action=”action_page.php” method=”post”>
কখন get ব্যবহার করবো?
ডিফল্টভাবে আপনি get মেথড ব্যবহার করতে পারেন। তবে ফর্মের তথ্য যদি সেন্সিটিভ(ইউজারের নাম অথবা পাসওয়ার্ড) হয় সেক্ষেত্রে get মেথড ব্যবহার করা উচিত না। কারণ আপনি যখন get মেথোড ব্যবহার করে ফর্মের তথ্য সার্ভারে পাঠান সেক্ষেত্রে আপনার প্রেরিত তথ্যটি নিম্নের মত পেজের এড্রেসের সাথে দেখা যাবেঃ
http://action_page.php?firstname=শিল্পী&lastname=দেবনাথ
কখন post ব্যবহার করবো?
আপনার ফর্মের তথ্য যদি সেন্সিটিভ হয় সেক্ষেত্রে অবশ্যই আপনার post মেথড ব্যবহার করা উচিত। কারণ আপনি যখন get মেথোড ব্যবহার করে ফর্মের তথ্য সার্ভারে পাঠান সেক্ষেত্রে আপনার প্রেরিত তথ্যটি নিম্নের মত পেজের এড্রেসের সাথে দেখা যাবে নাঃ
http://action_page.php
ফর্ম name এট্রিবিউট
প্রতিটি ইনপুট ফিল্ডের ভ্যালু সার্ভারে সঠিক ভাবে সাবমিট করার জন্য অবশ্যই name এট্রিবিউটটি সঠিক ভাবে ব্যবহার করতে হবে। কারণ name এট্রিবিউট ব্যাতিত সার্ভার আপনার প্রেরিত তথ্য গ্রহন করতে পারবে না।
নিম্নের উদাহরণে ফর্ম সাবমিট করার পর “প্রথম নাম” ইনপুট ফিল্ডের তথ্য সার্ভার গ্রহন করবেঃ
উদাহরণ
<!DOCTYPE html>
<html>
<head>
<title>ফর্ম name এট্রিবিউট</title>
</head>
<body>
<form action=”action_page.php”>
প্রথম নামঃ
<input type=”text” name=”firstname” value=”শরীফ”>
<br>
শেষের নামঃ
<input type=”text” value=”গাজী”>
<br><br>
<input type=”submit” value=”সাবমিট”>
</form>
</body>
</html>
লক্ষ্য করুনঃ “শেষের নাম” এই ইনপুট এলিমেন্টের ভ্যালু সার্ভারে সাবমিট হবে না, কারণ ইনপুট এলিমেন্টে কোনো name এট্রিবিউট নেই।
ফলাফল
বিঃদ্রঃ এই টিউটোরিয়ালটি আপনাকে শিখাবে না কিভাবে সার্ভার ফাইল প্রক্রিয়া করে। তা শিখার জন্য আমাদের পিএইচপি টিউটোরিয়াল দেখুন।
ফর্ম <fieldset> এর মাধ্যমে ফর্মের তথ্য বিন্যাস
ফর্মের তথ্যকে বিভিন্ন ভাগে বিভক্ত করার জন্য <fieldset> এলিমেন্ট ব্যবহার করা হয় এবং <fieldset> এলিমেন্টের মধ্যে <legend> এলিমেন্ট ব্যবহারের মাধ্যমে একটি ক্যাপশন বা শিরোনাম নির্ধারণ করা যায়
উদাহরণ
<!DOCTYPE html>
<html>
<head>
<title>এইচটিএমএল ফর্ম</title>
</head>
<body>
<form action=”action_page.php”>
<fieldset>
<legend> ব্যক্তিগত তথ্য:</legend>
প্রথম নামঃ
<input type=”text” name=”firstname” value=”শিল্পী”>
<br>
শেষের নামঃ
<input type=”text” name=”lastname” value=”দেবনাথ”>
<br>
<input type=”submit” value=”সাবমিট”>
</fieldset>
</form>
</body>
</html>
ফলাফল
বিঃদ্রঃ এই টিউটোরিয়ালটি আপনাকে শিখাবে না কিভাবে সার্ভার ফাইলকে প্রক্রিয়া করে। তা শিখার জন্য আমাদের পিএইচপি টিউটোরিয়াল দেখুন।
এইচটিএমএল ফর্ম এট্রিবিউট
নিম্নে ফর্মের সকল সম্ভাব্য এট্রিবিউটের সেটসহ একটি এইচটিএমএল <form> এলিমেন্ট দেখানো হলোঃ
উদাহরণ
<form action=”action_page.php” method=”post” target=”_blank”
accept-charset=”UTF-8″ enctype=”application/x-www-form-urlencoded”
autocomplete=”off” novalidate>
…
ফর্ম এলিমেন্ট
…
</form>
নিন্মে <form> এলিমেন্টের এট্রিবিউট সমুহের তালিকা দেওয়া হলোঃ
| এট্রিবিউট |
বর্ণনা |
| accept-charset |
ফর্মের জন্য ক্যারেক্টার সেট ডিফাইন করে। |
| action |
ফর্ম কোথায় সাবমিট করা হবে তা ডিফাইন করে। |
| autocomplete |
ব্রাউজার ফর্মের ভ্যালু স্বয়ংক্রিয়ভাবে সম্পূর্ন করবে কিনা তা ডিফাইন করে। |
| enctype |
সাবমিটকৃত ডেটার জন্য এনকোডিং ডিফাইন করা হয়।(ডিফল্টঃ url-encoded) |
| method |
ডেটা সাবমিটের জন্য নির্দিষ্ট এইচটিটিপি(HTTP) মেথড ডিফাইন করা হয়। |
| name
|
ফর্মকে সনাক্ত করতে একটি নাম ব্যবহৃত হয়।(ডোমে ব্যবহারের জন্যঃ document.forms.name) |
| novalidate |
ব্রাউজার ফর্মের বৈধতা যাচাই করবে না তা ডিফাইন করে। |
| target action |
এট্রিবিউটের মাধ্যমে তথ্য প্রক্রিয়া করার জন্য সার্ভার ফাইলটি ডিফাইন করে। |
