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 को एक क्लास दें, और दूसरे और चौथे को - दूसरा क्लास दें।