colspan atributy
colspan atributy HTML tablitsasynyň
sütünleriniň birikdirilmegini dolandyrýar.
th
we td teglerine ulanylýar.
Gabul edilýän baha:
1-den başlap, bitin san.
Nädip ulanylýar: bu atributy haýsy hem bolsa bir
td ýa-da th öýjügine goşýarys. Mysal üçin,
colspan atributynyň bahasyny
2 edip belläň – şonda bu atribut berlen öýjük
tablitsanyň iki sütünini eýeler. Şonda, sagdaky goňşy öýjükler
ýok bolmaýar, giňelen öýjügimiz olary çykaryp taşlar we
tablitsa dargar. Munuň ýüze çykmazlygy üçin, sagdaky öýjüklerden
birini aýyrmaly. Düşünmek üçin mysallara serediň.
Mysal . Birikdirilmeleriň bolmadyk tablitsa
Indiki işlemek üçin, birikdirilmeleriň bolmadyk tablitsa serediň:
<table>
<tr>
<td>öýjük1</td>
<td>öýjük2</td>
<td>öýjük3</td>
</tr>
<tr>
<td>öýjük4</td>
<td>öýjük5</td>
<td>öýjük6</td>
</tr>
<tr>
<td>öýjük7</td>
<td>öýjük8</td>
<td>öýjük9</td>
</tr>
</table>
table, td, th {
border: 1px solid black;
}
:
Mysal . Öýjügi iki sütün üçin giňeldereliň
1 sanly öýjügi iki sütün üçin giňeldäp synaýalyň, oňa
colspan atributyny
2 bahasynda bereliň. Şonda ol sagdaky öýjükleri çykaryp taşlar we tablitsa dargar:
<table>
<tr>
<td colspan="2">öýjük1</td>
<td>öýjük2</td>
<td>öýjük3</td>
</tr>
<tr>
<td>öýjük4</td>
<td>öýjük5</td>
<td>öýjük6</td>
</tr>
<tr>
<td>öýjük7</td>
<td>öýjük8</td>
<td>öýjük9</td>
</tr>
</table>
table, td, th {
border: 1px solid black;
}
:
Mysal . Öýjügi tablitsany dargatmazlyk ýoly bilen giňeldereliň
Indi öňki mysaldaky tablitsanyň dargamagyny düzedeliň,
öz öýjügimiziň sagyndaky öýjüklerden birini aýyryň (bu
2 ýa-da
3 sanly öýjük – tapawudy ýok):
<table>
<tr>
<td colspan="2">öýjük1</td>
<td>öýjük2</td>
</tr>
<tr>
<td>öýjük4</td>
<td>öýjük5</td>
<td>öýjük6</td>
</tr>
<tr>
<td>öýjük7</td>
<td>öýjük8</td>
<td>öýjük9</td>
</tr>
</table>
table, td, th {
border: 1px solid black;
}
:
Mysal . Öýjügi üç sütün üçin giňeldereliň
1 sanly öýjügi 3 sütün üçin giňeldereliň
we oňa colspan atributyny 3 bahasynda bereliň.
Şonda tablitsanyň dargamazlygy üçin sagdaky ýene bir öýjügi aýyryň:
<table>
<tr>
<td colspan="3">öýjük1</td>
</tr>
<tr>
<td>öýjük4</td>
<td>öýjük5</td>
<td>öýjük6</td>
</tr>
<tr>
<td>öýjük7</td>
<td>öýjük8</td>
<td>öýjük9</td>
</tr>
</table>
table, td, th {
border: 1px solid black;
}
:
Mysal . Bir wagtda colspan we rowspan
4, 5, 7 we 8 sanly öýjükleri
birikdirmäge synanyşalyň, şol bir wagtyň özünde
colspan
we rowspan
atributlaryny ulanyň (öňki birikdirilmeleri tablitsadan aýyryň):
<table>
<tr>
<td colspan="3">öýjük1</td>
</tr>
<tr>
<td colspan="2" rowspan="2">öýjük4</td>
<td>öýjük6</td>
</tr>
<tr>
<td>öýjük9</td>
</tr>
</table>
table, td, th {
border: 1px solid black;
}
:
Şeýle-de serediň
-
tablitsanyň hatarlaryny birikdirýän
rowspanatributy