Rumah > hujung hadapan web > html tutorial > Bagaimana untuk menetapkan rentang sel mendatar dalam html5

Bagaimana untuk menetapkan rentang sel mendatar dalam html5

青灯夜游
Lepaskan: 2021-12-17 16:38:48
asal
2724 orang telah melayarinya

Dalam HTML5, anda boleh menggunakan atribut colspan bagi elemen sel (td atau th) untuk menetapkan rentang mendatar sel Atribut ini boleh menentukan bilangan lajur yang perlu dipantau oleh sel.

" atau " ".

Bagaimana untuk menetapkan rentang sel mendatar dalam html5

Persekitaran pengendalian tutorial ini: sistem Windows 7, versi HTML5, komputer Dell G3.

Dalam HTML5, jika anda ingin menetapkan rentang mendatar sel, anda boleh menggunakan atribut colspan. (atribut colspan berfungsi pada elemen td atau th)

Atribut colspan digunakan untuk mentakrifkan bilangan lajur yang perlu dipantau oleh sel.

Sintaks:

<td colspan="number">
<th colspan="number">
Salin selepas log masuk
Nilai< /th>Penerangan
nombor
描述
number

规定单元格应该横跨的列数。

Menentukan bilangan lajur sel harus menjangkau.

colspan="0"Nota:

memberitahu penyemak imbas untuk membuat rentang sel ke lajur terakhir kumpulan lajur (colgroup).

Contoh:
<!DOCTYPE <!DOCTYPE html>
<html>
	<head>
		<meta charset="utf-8" />
		<title>设置单元格列跨度</title>
	</head>
	<body>

		<table width="550" border="1" cellspacing="0" cellpadding="5">
			<tr>
				<th colspan="2" align="center">存款(1~3月)</th>
			</tr>
			<tr>
				<td>一月</td>
				<td>3000 元</td>
			</tr>
			<tr>
				<td>二月</td>
				<td>5000 元</td>
			</tr>
			<tr>
				<td>三月</td>
				<td>3500 元</td>
			</tr>
			<tr>
				<td colspan="2">总计:11500 元</td>
			</tr>
		</table>
	</body>
</html>
Salin selepas log masuk

Bagaimana untuk menetapkan rentang sel mendatar dalam html5

Cadangan berkaitan: "tutorial video html

"

Atas ialah kandungan terperinci Bagaimana untuk menetapkan rentang sel mendatar dalam html5. Untuk maklumat lanjut, sila ikut artikel berkaitan lain di laman web China PHP!

Label berkaitan:
sumber:php.cn
Kenyataan Laman Web ini
Kandungan artikel ini disumbangkan secara sukarela oleh netizen, dan hak cipta adalah milik pengarang asal. Laman web ini tidak memikul tanggungjawab undang-undang yang sepadan. Jika anda menemui sebarang kandungan yang disyaki plagiarisme atau pelanggaran, sila hubungi admin@php.cn
Tutorial Popular
Lagi>
Muat turun terkini
Lagi>
kesan web
Kod sumber laman web
Bahan laman web
Templat hujung hadapan