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