网页中基础表格的制作

首先，先了解一些基础的知识
表格基础属性
表格中列的合并语句 colspan=“要合并的列数”
表格中行的合并语句 rowspan=“要合并的行数”
表格的单元格之间的距离 cellspacing = “距离”
单元格的颜色设置 bgcolor=“颜色”
表格中表格边缘线的颜色设置 bordercolor=“颜色”
表格宽度的设置 width=“ ”
表格高度的设置 height=" "
单元格的锁定与解除 contenteditable=" true或者false"

表格代码

<!DOCTYPE html>
<html>
<head>
	<title>表格</title>
</head>
<body>
	<table border="1"  cellspacing="0"  bodercolor="black">/*cellspacing="0 单元格边缘线之间的距离为0*/
		<caption>表格示例</caption>
		<tr><td colspan="2">占两列</td>/*可以colspan="2"后添加width和height来控制单元格大小，也可以添加bgcolor来给单元格添加颜色*/
			<td>示例</td>
		</tr>
		<tr><td rowspan="2">占两行</td>
			<td>示例</td><td>示例</td>
			<tr><td>示例</td><td>示例</td></tr>
		</tr>
		</table>
</body>
</html>

如上所示代码所实现的表格内容

如有错误与不足，欢迎私信或讨论指正

更多推荐

网页设计中的表格的制作