আজকে আলোচনা করবো div tag নিয়ে। আর এটাতে html পর্ব শেষ করে দিবো।

  • HTML প্রথম পর্ব
  • HTML দ্বিতীয়  পর্ব
  • HTML তৃতীয়  পর্ব
  • HTML চতুর্থ  পর্ব
  • HTML পঞ্চম পর্ব
  • HTML ৬ষ্ঠ পর্ব
  • HTML ৭ম পর্ব
  • HTML ৮ম পর্ব
  • HTML ৯ম পর্ব
  • HTML ১০ম পর্ব
  • HTML ১১তম পর্ব
  • HTML ১২তম পর্ব
  • div ট্যাগ html ও ওয়েব এর important tag একটি ট্যাগ। html এ বিভিন্ন section বা খন্ড তৈরী করা হয় এই div tag এর মাধ্যমে । যতগুলি div ততগুলি খন্ড। একটা div tag তার ভিতরে থাকা সব এলিমেন্টের জন্য container হিসেবে কাজ করে।
    ওয়েবসাইট সাধারণত বিভিন্ন layout এর উপরে তৈরী হয়।
    যেমনঃ


    লেআউট বানানোর জন্য div tag এর প্রয়োজন পরবে। উপরের স্ক্রিনশটে যে দেখতে পাচ্ছেন ভাগগুলো এই সব গুলো ভাগ মানে একেক টি div tag.

    আর এই ভাগ গুলো আপনারা করবেন css এর মাধ্যমে তার আগে আপনাকে এই div ঠিক জায়গায় ব্যবহার করা জানতে হবে।


    আমরা ট্রিকবিডি সাইট থেকেই দেখি div এর ব্যবহার।
    দেখুন আমার লাল মার্ক করা জায়গা গুলো একেকটি div দিয়ে ভাগ করা হয়েছে।

    div tag এর সাধারনত default কোন আকার আকৃতি থাকে না। div দিয়ে কোড লেখার পর css দিয়ে সেটা প্রয়োজনীয় আকৃতি দেয়া হয়। css টিউটোরিয়ালে এসব আলোচনা হবে।

    এখানে শুধু জেনে রাখুন div একটি অন্যান্য এ্ইচটিএমএল এলিমেন্টের মত একটা এলিমেন্ট । এটা block type tag।

    div এ গ্লোবাল (যেমন id, class, style, dir etc) এবং ইভেন্ট এট্রিবিউট (যেমন onmouseover, dblclick etc) ব্যবহার করা যাবে।

    div tag এর ব্যবহারঃ

    প্রথমে আমরা div start tag নিবো ও পরে div end tag নিবো।

    এই div এর ভেতর আমরা অন্যান্য এলিমেন্ট ট্যাগ ইত্যাদি ব্যবহার করতে পারবো।

    ——–আউটপুট——–

    স্বাভাবিক ভাবে div tag দেখা যাবে না।
    কিন্তু ব্যাকগ্রাউন্ডে এটা ঠিকই আছে। আমরা এটাকে কালার করলে দেখতে পাবো।
    চলুন হালকা css এর মাধ্যমে কালার করি আর দেখি div কোথায়।

    ——–আউটপুট——–

    div এর বেসিক ধারণা আশা করি দিতে পেরেছি।
    css পর্বে আমরা div tag নিয়ে বিস্তারিত জানবো।

    আর এটাই html এর শেষ পর্ব করেছি। html এর ১৩ টা পর্বে আমি গুরুত্বপূর্ণ ট্যাগ গুলো নিয়ে আলোচনা করেছি। আর বাকি যেসব কোড আছে এগুলো আপনারা গুগল থেকে দেখে নিবেন। আর html এর আরো পার্ট লাগলে আমাকে বলবেন।

    আর সামনের পোস্ট হবে css নিয়ে। কারো কোন প্রশ্ন থাকলে কমেন্টে বলতে পারেন।
    তো আজ এই পর্যন্তই।

    আমার ফেসবুক আইডিঃ Tawhid Hridoy

    লেখালেখি করে জিতে নিন পুরস্কারঃ BDBoighor.com

    আমাদের ইউটিউব চ্যানেলঃ TipTop BD

    যেকোন ধরনের Thumbnail, Logo, Photo Editing, Wapkiz Web design ইত্যাদি করাতে চাইলে ইনবক্স করুন আমাদের ফেসবুক পেইজে।

    13 thoughts on "মোবাইল দিয়ে ওয়েব ডিজাইন শিখি (HTML Part – 13 Last Part of HTML)"

    1. Html এর পর কি নিয়ে হাজির হবেন?
      1. Hridoy Mini Expert Author Post Creator says:
        Css
    2. Noyon Contributor says:
      Css Ekdom Easy Ar Apnar Css Sikata 40-50 part dithe hobe
      1. Hridoy Mini Expert Author Post Creator says:
        Tahole ki bolen dibo na???
      2. Astar TECH Contributor says:
        Css dan vai
    3. Astar TECH Contributor says:
      Css & JavaScript
      1. Hridoy Mini Expert Author Post Creator says:
        Kisu kisu manus emon vab nitase bujhlen sob pare ora 😁…
        Accha vai support korle next part suru korbo joldi…
      2. Astar TECH Contributor says:
        Inshallah
    4. Astar TECH Contributor says:
      Full web development courses dan
    5. Noyon Contributor says:
      আমি তো পারি অন্যদের জন্য দেন যারা পারে না
    6. T+H+Sakib Contributor says:
      vai JavaScript er tutorial den ar html css er project kivabe mobile diye korle sohoj hobe?
      1. Hridoy Mini Expert Author Post Creator says:
        Spck editor diye…
    7. Akash Contributor says:
      CSS kobe pabo vai?

    Leave a Reply