HTML-de bellikleri gruplamak üçin div belligi
Öňki sapakda biz
span belligini, birneme teksti nähili bolsa-da
belläp görkezmäge mümkinçilik berýändigini düşündik.
Şeýle hem, birnäçe bellikleri gruplamak we soňra
bir wagtyň özünde olar bilen bir zat etmek üçin
div ýörite belligi bar.
Mysal üçin, div bellikleri bilen
absazlary gruplaýalyň:
<div class="block1">
<p>
tekst
</p>
<p>
tekst
</p>
</div>
<div class="block2">
<p>
tekst
</p>
<p>
tekst
</p>
</div>
Birinci topara degişli elementlere gyzyl reňk belläýeliň, ikinji topara degişli elementlere bolsa - ýaşyl reňk:
.block1 {
color: red;
}
.block2 {
color: green;
}
Aşakdaky kod berlen:
<div>
<h2>At</h2>
<p>
tekst
</p>
<p>
tekst
</p>
</div>
<div>
<h2>At</h2>
<p>
tekst
</p>
<p>
tekst
</p>
<p>
tekst
</p>
</div>
<div>
<h2>At</h2>
<p>
tekst
</p>
<p>
tekst
</p>
<p>
tekst
</p>
<p>
tekst
</p>
</div>
Birnji div-iň mazmunyny gyzyl reňke, ikinji div-iň mazmunyny - ýaşyl reňke, üçünji div-iň mazmunyny bolsa - gök reňke boýaň. Buny üçin her bir div-e öz klasyny belläň.
Aşakdaky kod berlen:
<div>
<h2>At</h2>
<p>
tekst
</p>
<p>
tekst
</p>
</div>
<div>
<h2>At</h2>
<p>
tekst
</p>
<p>
tekst
</p>
</div>
<div>
<h2>At</h2>
<p>
tekst
</p>
<p>
tekst
</p>
</div>
<div>
<h2>At</h2>
<p>
tekst
</p>
<p>
tekst
</p>
</div>
Birnji we üçünji divleriň mazmunyny gyzyl reňke, ikinji div we dördünji divleriň mazmunyny - ýaşyl reňke boýaň. Bunuň üçin birinji we üçünji divlere bir klas beriň, ikinji we dördünji divlere bolsa başga bir klas beriň.