表格

最新推荐文章于 2020-12-07 17:37:01 发布

yjx_43750162

最新推荐文章于 2020-12-07 17:37:01 发布

阅读量105

点赞数

分类专栏： HTML 文章标签：表格

本文链接：https://blog.csdn.net/weixin_43750162/article/details/86655772

版权

HTML 专栏收录该内容

7 篇文章 0 订阅

订阅专栏

表格

<!DOCTYPE html>
<html>
	<head>
		<meta charset="UTF-8">
		<title>表格</title>
	</head>
	<body>
	<!--border：表格的边框
		cellspacing：单元格与单元格之间的距离
		cellpadding:单元格内容与单元格边框之间的距离
		height：表格的高度
		width：表格的宽度
		align：表格的水平对齐方式：（left、right、center）-->
 	 	<table border="1" cellspacing="0" width="300" height="300" align="center">
    <!--caption：表格的标题-->
			<caption>花名册</caption>
	<!--tr：表示表格的行
			td：表示表格的列
			th：表头，其字体自然加粗、居中-->
			<tr>
				<th>姓名</th>
				<th>年龄</th>
				<th>性别</th>
			</tr>
			<tr>
				<td>张三</td>
				<td>21</td>
				<td>男</td>
			</tr>
			<tr>
				<td>李四</td>
				<td>25</td>
				<td>男</td>
			</tr>
			<tr>
				<td>小红</td>
				<td>18</td>
				<td>女</td>
			</tr>
		</table>
	</body>
</html>

rowspan：跨行合并
colspan：跨列合并
作用：实现表格一些内容的合并
用法：想要将多个内容合并的时候，就会出现多余的东西，把它删除。
其删除个数的公式：删除的个数 = 合并的个数 - 1