HTML表格知识点

最新推荐文章于 2024-06-20 10:34:39 发布

柚子橘子

最新推荐文章于 2024-06-20 10:34:39 发布

阅读量168

点赞数

分类专栏：网页前端文章标签： HTML表格知识点

本文链接：https://blog.csdn.net/qq_43469862/article/details/102647109

版权

网页前端专栏收录该内容

4 篇文章 0 订阅

订阅专栏

css——网页设计
标签之间的间隙：&nbsp；margin;
&nbsp放在不同的标签中间，margin是用style写在样式里面：style=“margin：1px
,1px,1px,1px”;
其中，四个位置分别代表着：1：全部，2：上下和左右，3：上，左右，下，4：上，下左，右
margin作用：不同同类标签的间隔
ol/ul，有序和无序55
list—style—position：序号放入框内
~~ ~~
下面总结下今天学到关于HTML表格的建立和网页分块的制作

表格

<html>
<head>
	<meta charset="UTF-8">
<!--style对于样式的控制-->
	<style>
		table{
			border:black 1px solid;
			border-spacing :0px;//边界空格为0，但会导致边界重叠
			border-collapse:collapse;//重叠线段舍弃
			width:90%;
			text-align:center;
		}
		th{
			text-align:center;
		}
		tr{
			text-align:center;
		}
		td{
			text-align:center;
		}
	</style>
</head>
<body>
	<tabel>
		<tr>
		<!--tr代表行，td代表单元格，th代表表头-->
			<th>姓名</th>
			<th>年龄</th>
			<th>学号</th>
		</tr>
		<tr >
			<td rolspan="2">邹天佑</td>//代表同列中，将2行合并为一行，注意：这是往下合并的，如果下面无则为空
			<td>19</td>
			<td>001</td>
		</tr>
		<tr>
			<td colspan="2"></td>//代表同行col中，将2列合并为1列
		</tr>
	</table>
</body>
</html>