Тег div за групирање тагова у HTML-у

У претходној лекцији смо размотрили таг span, који омогућава да се некако истакне део текста. Постоји и посебан таг div, који омогућава груписање више тагова, како би се затим са свима њима урадило нешто истовремено.

Нека за пример уз помоћ тагова div групишемо пасусе:

<div class="block1">
	<p>
		текст
	</p>
	<p>
		текст
	</p>
</div>
<div class="block2">
	<p>
		текст
	</p>
	<p>
		текст
	</p>
</div>

Доделимо елементима из прве групе црвену боју, а елементима из друге групе - зелену:

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

Дат је следећи код:

<div>
	<h2>Наслов</h2>
	<p>
		текст
	</p>
	<p>
		текст
	</p>
</div>
<div>
	<h2>Наслов</h2>
	<p>
		текст
	</p>
	<p>
		текст
	</p>
	<p>
		текст
	</p>
</div>
<div>
	<h2>Наслов</h2>
	<p>
		текст
	</p>
	<p>
		текст
	</p>
	<p>
		текст
	</p>
	<p>
		текст
	</p>
</div>

Обојите садржај првог div-а у црвену боју, садржај другог div-а - у зелену, а садржај трећег div-а - у плаву. Задајте за то сваком div-у сопствену класу.

Дат је следећи код:

<div>
	<h2>Наслов</h2>
	<p>
		текст
	</p>
	<p>
		текст
	</p>
</div>
<div>
	<h2>Наслов</h2>
	<p>
		текст
	</p>
	<p>
		текст
	</p>
</div>
<div>
	<h2>Наслов</h2>
	<p>
		текст
	</p>
	<p>
		текст
	</p>
</div>
<div>
	<h2>Наслов</h2>
	<p>
		текст
	</p>
	<p>
		текст
	</p>
</div>

Обојите садржај првог и трећег div-а у црвену боју, садржај другог div-а и четвртог - у зелену. За то првом и трећем div-у дајте једну класу, а другом и четвртом - другу класу.