网页设计中的表格的制作

最新推荐文章于 2024-05-09 23:45:32 发布

啦啦啦～阿

最新推荐文章于 2024-05-09 23:45:32 发布

阅读量7.9k

点赞数 4

文章标签： html

本文链接：https://blog.csdn.net/m0_51516839/article/details/111019052

版权

网页中基础表格的制作

首先，先了解一些基础的知识
表格基础属性
表格中列的合并语句 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>

如上所示代码所实现的表格内容
在这里插入图片描述
如有错误与不足，欢迎私信或讨论指正

啦啦啦～阿

关注

4
点赞
踩
34

收藏

觉得还不错? 一键收藏
0
评论
网页设计中的表格的制作

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

扫一扫