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 හි අන්තර්ගතය - කොළ පැහැයට. මේ සඳහා පළමු හා තුන්වන div සඳහා එක් පන්තියක් ලබා දෙන්න, දෙවන හා සිව්වන div සඳහා - වෙනත් පන්තියක් ලබා දෙන්න.