HTML-ում թեգերի խմբավորման համար div թեգը

Նախորդ դասում մենք ուսումնասիրեցինք span թեգը, որը թույլ է տալիս տեքստի որոշակի հատված ինչ-որ կերպ առանձնացնել: Գոյություն ունի նաև հատուկ div թեգ, որը թույլ է տալիս խմբավորել մի քանի թեգեր, որպեսզի հետո միաժամանակ ինչ-որ բան անել դրանց հետ:

Օրինակի համար, թող 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>

Գունավորեք առաջին դիվի պարունակությունը կարմիր գույնով, երկրորդ դիվի պարունակությունը` կանաչով, իսկ երրորդ դիվի պարունակությունը` երկնագույնով: Դրա համար յուրաքանչյուր դիվին տվեք իր դասը:

Задание 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>

Գունավորեք առաջին և երրորդ դիվների պարունակությունը կարմիր գույնով, երկրորդ և չորրորդ դիվների պարունակությունը` կանաչ: Դրա համար առաջին և երրորդ դիվներին տվեք մեկ դաս, իսկ երկրորդ և չորրորդին` մեկ այլ դաս: