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

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

Օրինակի համար, թող div թեգերի օգնությամբ մենք խմբավորենք պարբերությունները.

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

Եկեք առաջին խմբի տարրերին նշանակենք կարմիր գույն, իսկ երկրորդ խմբի տարրերին - կանաչ.

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

Տրված է հետևյալ կոդը.

<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>
	<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>

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