HTML-এ ট্যাগ গ্রুপ করার জন্য div ট্যাগ

html<div class="block1">
  <p>
    text
  </p>
  <p>
    text
  </p>
</div>
<div class="block2">
  <p>
    text
  </p>
  <p>
    text
  </p>
</div>

css.block1 {
  color: red;
}
.block2 {
  color: green;
}

Задание 1

নিম্নলিখিত কোড দেওয়া আছে:

html<div>
  <h2>Title</h2>
  <p>
    text
  </p>
  <p>
    text
  </p>
</div>
<div>
  <h2>Title</h2>
  <p>
    text
  </p>
  <p>
    text
  </p>
  <p>
    text
  </p>
</div>
<div>
  <h2>Title</h2>
  <p>
    text
  </p>
  <p>
    text
  </p>
  <p>
    text
  </p>
  <p>
    text
  </p>
</div>

প্রথম div-এর বিষয়বস্তু লাল রং করুন, দ্বিতীয় div-এর বিষয়বস্তু - সবুজ, এবং তৃতীয় div-এর বিষয়বস্তু - নীল। এর জন্য প্রতিটি div-কে তার নিজস্ব ক্লাস দিন।

Задание 2

নিম্নলিখিত কোড দেওয়া আছে:

html<div>
  <h2>Title</h2>
  <p>
    text
  </p>
  <p>
    text
  </p>
</div>
<div>
  <h2>Title</h2>
  <p>
    text
  </p>
  <p>
    text
  </p>
</div>
<div>
  <h2>Title</h2>
  <p>
    text
  </p>
  <p>
    text
  </p>
</div>
<div>
  <h2>Title</h2>
  <p>
    text
  </p>
  <p>
    text
  </p>
</div>

প্রথম এবং তৃতীয় div-এর বিষয়বস্তু লাল রং করুন, দ্বিতীয় div এবং চতুর্থটির বিষয়বস্তু - সবুজ। এর জন্য প্রথম এবং তৃতীয় div-কে একটি ক্লাস দিন, এবং দ্বিতীয় এবং চতুর্থটিকে - অন্য ক্লাস দিন।