第6章表格元素

最新推荐文章于 2025-03-09 17:00:33 发布

iteye_17658

最新推荐文章于 2025-03-09 17:00:33 发布

阅读量116

点赞数

分类专栏：阅-H5

本文链接：https://blog.csdn.net/iteye_17658/article/details/82638028

版权

阅-H5 专栏收录该内容

40 篇文章

订阅专栏

<!DOCTYPE html>
<html lang="zh-cn">
<head>
	<meta charset="utf-8">
	<title>表格元素</title>
</head>
<body>


<table border="1">
	<tr>
		<td>张三</td>
		<td>男</td>
		<td>未婚</td>
	</tr>
	<tr>
		<td>李四</td>
		<td>女</td>
		<td>已婚</td>
	</tr>
</table>

<br>

<table border="1" style="width:300px;">
	<tr>
		<th>姓名</th>
		<th>性别</th>
		<th>婚否</th>
	</tr>
	<tr>
		<td>张三</td>
		<td>男</td>
		<td>未婚</td>
	</tr>
	<tr>
		<td>李四</td>
		<td>女</td>
		<td>已婚</td>
	</tr>
</table>

<br>

<table border="1" style="width:300px;">
	<tr>
		<th rowspan="4">基本情况</th>
		<th>姓名</th>
		<th>性别</th>
		<th>婚否</th>
	</tr>
	<tr>
		<td>张三</td>
		<td>男</td>
		<td>未婚</td>
	</tr>
	<tr>
		<td>李四</td>
		<td>女</td>
		<td>已婚</td>
	</tr>
	<tr>
		<td colspan="3">统计：共两人</td>
	</tr>
</table>

<br>

<table border="1" style="width:300px;">
	<caption>这是一个表格</caption>

	<tfoot>
		<tr>
			<td colspan="3">统计：共两人</td>
		</tr>
	</tfoot>

	<tbody>
		<tr style="background:red;">
			<td>张三</td>
			<td>男</td>
			<td>未婚</td>
		</tr>
		<tr>
			<td>李四</td>
			<td>女</td>
			<td>已婚</td>
		</tr>
	</tbody>

	<thead>
		<tr>
			<th>姓名</th>
			<th>性别</th>
			<th>婚否</th>
		</tr>
	</thead>

</table>


<br>

<table border="1" style="width:300px;">

	<colgroup style="background:white;" span="1"></colgroup>
	<colgroup style="background:red;" span="1"></colgroup>

	<tr>
		<th>姓名</th>
		<th>性别</th>
		<th>婚否</th>
	</tr>
	<tr>
		<td>张三</td>
		<td>男</td>
		<td>未婚</td>
	</tr>
	<tr>
		<td>李四</td>
		<td>女</td>
		<td>已婚</td>
	</tr>
</table>

<br>

<table border="1" style="width:300px;">

	<colgroup>
		<col>
		<col style="background:red;">
	</colgroup>

	<tr>
		<th>姓名</th>
		<th>性别</th>
		<th>婚否</th>
	</tr>
	<tr>
		<td>张三</td>
		<td>男</td>
		<td>未婚</td>
	</tr>
	<tr>
		<td>李四</td>
		<td>女</td>
		<td>已婚</td>
	</tr>
</table>


</body>
</html>

第6章 表格元素

第6章表格元素