简体中文(ZH-CN) English(EN) 繁体中文(ZH-TW) 日本語(JA) 한국어(KO) Melayu(MS) Français(FR) Deutsch(DE)
Maison > interface Web > tutoriel HTML > le corps du texte

Comment définir l'étendue horizontale des cellules en HTML5

青灯夜游
Libérer： 2021-12-17 16:38:48
original
2607 Les gens l'ont consulté

En HTML5, vous pouvez utiliser l'attribut colspan de l'élément cell (td ou th) pour définir l'étendue horizontale de la cellule. Cet attribut peut définir le nombre de colonnes que la cellule doit s'étendre. La syntaxe "

" ou " ".

Comment définir l'étendue horizontale des cellules en HTML5

L'environnement d'exploitation de ce tutoriel : système Windows 7, version HTML5, ordinateur Dell G3.

En HTML5, si vous souhaitez définir l'étendue horizontale d'une cellule, vous pouvez utiliser l'attribut colspan. (L'attribut colspan fonctionne sur les éléments td ou th)

L'attribut colspan est utilisé pour définir le nombre de colonnes que la cellule doit s'étendre.

Syntaxe : 

<td colspan="number">
<th colspan="number">
Copier après la connexion
valuedescription
number

Spécifie le nombre de colonnes que la cellule doit s'étendre.

Remarque : colspan="0" Dites au navigateur de faire en sorte que la cellule s'étende jusqu'à la dernière colonne du groupe de colonnes (colgroup).

Exemple : 

<!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>
Copier après la connexion

Comment définir létendue horizontale des cellules en HTML5

Recommandations associées : "Tutoriel vidéo HTML"

Ce qui précède est le contenu détaillé de. pour plus d'informations, suivez d'autres articles connexes sur le site Web de PHP en chinois!

Étiquettes associées：
html5 表格
source：php.cn
Article précédent：Comment faire bouger les images de haut en bas en HTML Article suivant：Comment définir l'italique du texte en HTML5
Déclaration de ce site Web
Le contenu de cet article est volontairement contribué par les internautes et les droits d'auteur appartiennent à l'auteur original. Ce site n'assume aucune responsabilité légale correspondante. Si vous trouvez un contenu suspecté de plagiat ou de contrefaçon, veuillez contacter admin@php.cn
Derniers articles par auteur
Derniers numéros
Comment définir l'attribut obligatoire de HTML5 à l'aide de Javascript ? J'essaie de marquer une zone de saisie de texte comme requis en Javascript. <inputid=&q...
Depuis 2023-10-13 08:52:25
0
2
317
Problème lié à l'obtention de coordonnées de souris précises : utilisation du canevas HTML5 lors du redimensionnement de la page Je souhaite créer cet effet de pixel à partir d'un expert front-end. Bien que je puisse ob...
Depuis 2023-09-12 12:20:33
0
1
280
Vidéo HTML5 M3U8 encodée en Base64 Je souhaite ajouter un fichier M3U8 encodé en base64 dans la balise vidéo de HTML5, commen...
Depuis 2023-09-09 23:07:18
0
1
247
vue.js/bootstrap : méthode d'événement onclick non appelée, erreur "Variable introuvable : updateDocument" Je suis nouveau dans le développement front-end mais j'ai une compréhension de base de HTM...
Depuis 2023-09-09 20:06:48
0
1
362
Supprimer la barre oblique de fermeture '/' de la balise d'image en XHTML J'ai une chaîne txt1 qui stocke une image. Sa valeur est au format XHTML, c'est à dire que...
Depuis 2023-09-06 12:15:38
0
1
240
Rubriques connexes
Plus>
Recommandations populaires
Tutoriels populaires
Plus>
Tutoriels associés
Recommandations populaires
Derniers cours
Derniers téléchargements
Plus>
effets Web
Code source du site Web
Matériel du site Web
Modèle frontal
À propos de nous Clause de non-responsabilité Sitemap
Site Web PHP chinois：Formation PHP en ligne sur le bien-être public，Aidez les apprenants PHP à grandir rapidement！