ওয়েব ডিজাইন বাংলা টিউটোরিয়াল (পর্ব-৯) | Web Design Bangla Tutorial (Part-9) HTML CSS DIV Section

div ট্যাগখুব গুরত্বপূর্ন একটি ট্যাগ এইচটিএমএল এর। এইচটিএমএল এর এলিমেন্ট এর ভিতরে রেখে section (খন্ড) তৈরী করা হয়। যতগুলি div ততগুলি খন্ড। একটা এলিমেন্ট তার ভিতরে থাকা সব এলিমেন্টের জন্য পাত্র বা container হিসেবে কাজ করে।

লেআউট বানানোর জন্য div এর জুরি নেই। এইচটিএমএল এ লেআউটের জন্য টেবিল ব্যবহার শূন্যের কোঠায় চলে এসেছে বিভিন্ন কারনে। আর তাই div এখন লেআউট তৈরীর অবিচ্ছেদ্য উপাদান।
div দিয়ে কোড লেখার পর সিএসএস দিয়ে সেটা প্রয়োজনীয় আকৃতি দেয়া হয়। সিএসএস টিউটোরিয়ালে এসব আলোচনা হবে।

এখানে শুধু জেনে রাখুন div একটি অন্যান্য এ্ইচটিএমএল এলিমেন্টের মত একটা এলিমেন্ট । এটা ব্লক লেভেল এলিমেন্ট। align নামে একটা এট্রিবিউট ব্যবহার করা যায় তবে HTML 5 এটা deprecated, আসলে align এট্রিবিউটের সব কাজ সিএসএস দিয়ে করা যায় বা করা য়।

এখানে ইনলাইন সিএসএস লিখেছি (style="border:1px solid #ddd") এরুপ সিএসএস দিয়ে সুন্দর সুন্দর লেআউট বানানো যায়।

পর্ব ১ঃ
ওয়েব ডিজাইন বাংলা টিউটোরিয়াল (পর্ব-১)...
পর্ব ২ঃ
ওয়েব ডিজাইন বাংলা টিউটোরিয়াল (পর্ব-...
পর্ব ৩ঃ
ওয়েব ডিজাইন বাংলা টিউটোরিয়াল (পর্ব-...
পর্ব ৪ঃ
ওয়েব ডিজাইন বাংলা টিউটোরিয়াল (পর্ব-...
পর্ব ৫ঃ
ওয়েব ডিজাইন বাংলা টিউটোরিয়াল (পর্ব-...
পর্ব ৬ঃ
ওয়েব ডিজাইন বাংলা টিউটোরিয়াল (পর্ব-...
পর্ব ৭ঃ
ওয়েব ডিজাইন বাংলা টিউটোরিয়াল (পর্ব-...
পর্ব ৮ঃ
ওয়েব ডিজাইন বাংলা টিউটোরিয়াল (পর্ব-...
পর্ব ৯ঃ
ওয়েব ডিজাইন বাংলা টিউটোরিয়াল (পর্ব-...
পর্ব ১০ঃ
ওয়েব ডিজাইন বাংলা টিউটোরিয়াল (পর্ব-...
পর্ব ১১ঃ
ওয়েব ডিজাইন বাংলা টিউটোরিয়াল (পর্ব-...
পর্ব ১২ঃ
ওয়েব ডিজাইন বাংলা টিউটোরিয়াল (পর্ব-...
পর্ব ১৩ঃ
ওয়েব ডিজাইন বাংলা টিউটোরিয়াল (পর্ব-...
পর্ব ১৪ঃ
ওয়েব ডিজাইন বাংলা টিউটোরিয়াল (পর্ব-...
পর্ব ১৫ঃ
ওয়েব ডিজাইন বাংলা টিউটোরিয়াল (পর্ব-...
পর্ব ১৬ঃ
ওয়েব ডিজাইন বাংলা টিউটোরিয়াল (পর্ব-...
পর্ব ১৭ঃ
ওয়েব ডিজাইন বাংলা টিউটোরিয়াল (পর্ব-...
পর্ব ১৮ঃ
ওয়েব ডিজাইন বাংলা টিউটোরিয়াল (পর্ব-...
পর্ব ১৯ঃ
ওয়েব ডিজাইন বাংলা টিউটোরিয়াল (পর্ব-...
পর্ব ২০ঃ
ওয়েব ডিজাইন বাংলা টিউটোরিয়াল (পর্ব-...
পর্ব ২১ঃ
ওয়েব ডিজাইন বাংলা টিউটোরিয়াল (পর্ব-...
পর্ব ২২ঃ
ওয়েব ডিজাইন বাংলা টিউটোরিয়াল (পর্ব-...
পর্ব ২৩ঃ
ওয়েব ডিজাইন বাংলা টিউটোরিয়াল (পর্ব-...
পর্ব ২৪ঃ
ওয়েব ডিজাইন বাংলা টিউটোরিয়াল (পর্ব-...
পর্ব ২৫ঃ
ওয়েব ডিজাইন বাংলা টিউটোরিয়াল (পর্ব-...
পর্ব ২৬ঃ
ওয়েব ডিজাইন বাংলা টিউটোরিয়াল (পর্ব-...
পর্ব ২৭ঃ
ওয়েব ডিজাইন বাংলা টিউটোরিয়াল (পর্ব-...
পর্ব ২৮ঃ
ওয়েব ডিজাইন বাংলা টিউটোরিয়াল (পর্ব-...
পর্ব ২৯ঃ
ওয়েব ডিজাইন বাংলা টিউটোরিয়াল (পর্ব-...
পর্ব ৩০ঃ
ওয়েব ডিজাইন বাংলা টিউটোরিয়াল (পর্ব-...

সোর্স ফাইল লিংকঃ
https://pentanikit.com/web-design/web...

আমাদের ওয়েবসাইটঃ
http://pentanikit.com/

• #science_technology
• #web_design
• #web_development
• #
• #tutorial
• #tag
• #attribute
• #link
• #internal_link
• #basic_web_design
• #web_design_bangla
• #free_bangla_tutorial
• #bangla_tutorial
• #web_design_bangla_tutorial_full
• #
• #
• #
• #
• #how_to_learn_web_design
• #web_design_photoshop
• #responsive_web_design
• #web_design_courses
• #web_development_tutorials_for_beginners
• #graphic_design_tutorial
• #freelancing_tutorial
• #
• #
• #
• #
• #