table元素

版权声明:转载请加上文章链接 https://blog.csdn.net/qq_39225637/article/details/80955557
<!DOCTYPE html>
<html>
	<head>
		<meta charset="utf-8" />
		<title>table元素</title>
		<meta name="viewport" content="width=device-width, initial-scale=1">
	</head>
	<body>
		<table border="1" width="500" height="300">
			<tr align="center" bgcolor="yellow" valign="center"><th>课程表</th></tr>
			<!--tr*4>td*6表示四行六列-->
			<!--第一行-->
			<tr bgcolor="gray">
				<td bgcolor="green"></td>
				<td>星期一</td>
				<td>星期二</td>
				<td>星期三</td>
				<td>星期四</td>
				<td>星期五</td>
			</tr>
			<!--第一行结束-->
			<!--第二行-->
			<tr align="center" bgcolor="yellow">
				<td >第一节课</td>
				<td></td>
				<td></td>
				<td></td>
				<td></td>
				<td></td>
			</tr>
			<!--第二行结束-->
			<!--第三行-->
			<tr bgcolor="yellow" align="center">
		
				<td>第二节课</td>
				<td></td>
				<td></td>
				<td></td>
				<td></td>
				<td></td>
			</tr>
			<!--第三行结束-->
			<!--第四行-->
			<tr bgcolor="yellow" align="center">
				<td>第三节课</td>
				<td></td>
				<td></td>
				<td></td>
				<td></td>
				<td></td>
			</tr>
			<!--第四行结束-->
		</table>
	</body>
</html>

猜你喜欢

转载自blog.csdn.net/qq_39225637/article/details/80955557
今日推荐