初学HTML表格基础

最新推荐文章于 2025-04-17 20:57:05 发布

JAVAnuonuo

最新推荐文章于 2025-04-17 20:57:05 发布

阅读量168

点赞数

本文链接：https://blog.youkuaiyun.com/weixin_46383723/article/details/107310385

版权

<!DOCTYPE html>
<html>
	<head>
		<meta charset="utf-8" />
		<title>百度一下，你就知道</title>
		<link rel="shortcut icon" href="./img/favicon.ico" type="image/x-icon" />
		<link rel="stylesheet" href="css/index.css" />
		<script type="text/javascript" src="js/index.js" ></script>
	</head>
	<style>
		table{/*为表格中所有table标签添加样式*/
			width:720px;/*设置table宽度*/
			margin:0 auto;/*设置table水平居中*/
			border: black 1px solid;/*添加边框*/
			border-spacing:0px;/*去掉table标签及其子标签之间的空隙*/
			border-collapse:collapse;/*去掉重合线*/
		}
		
		th{/*为表格中所有table标签添加样式*/
			border: black 1px solid;/*添加边框*/
		}
		
		td{/*为表格中所有table标签添加样式*/
			border: black 1px solid;/*添加边框*/
		}
	</style>
	<body>
		<table>
			<tr>
				<!--th:table head 缩写-->
					<th>学号</th>
					<th>姓名</th>
					<th>地址</th>
					<th>电话</th>
			</tr>
			<tr>
				<!--td:table data 缩写-->
				<td>001</td>
				<td>Tom</td>
				<td>郑州市高新技术开发区</td>
				<td>19365487210</td>
			</tr>
			<tr>
				<td>002</td>
				<td>Kate</td>
				<td>北京市海淀区</td>
				<td>15896945928</td>
			</tr>
		</table>
	</body>
</html>