寒假学习之课程表格案例

最新推荐文章于 2020-04-13 23:15:13 发布

小青龙8085

最新推荐文章于 2020-04-13 23:15:13 发布

阅读量144

点赞数

分类专栏：寒假前端

本文链接：https://blog.csdn.net/lbs311709000127/article/details/103961585

版权

寒假前端专栏收录该内容

28 篇文章 2 订阅

订阅专栏

以下是效果展示

下面是代码，运用了表格嵌套，colspan，rowspan，border，bgcolor，cellspan等属性。

<!DOCTYPE html>
<html>
	<head>
		<meta charset="{CHARSET}">
		<title></title>
	</head>
	<body>
		<table  frame="void" bgcolor="#f2f2f2" border="1" align="center" width="500px" cellspacing="0">
			<caption>课程表</caption>
			<thead>
				<tr>
					<th>星期一</th>
					<th>星期一</th>
					<th>星期二</th>
					<th>星期三</th>
					<th>星期四</th>
					<th>星期五</th>
				</tr>
			</thead>
			
			<tbody align="center">
				<tr>
					<td>语文</td>
					<td>语文</td>
					<td>数学</td>
					<td>化学</td>
					<td>生物</td>
					<td>英语</td>
				</tr>
				<tr>
					<td>语文</td>
					<td>语文</td>
					<td>数学</td>
					<td>化学</td>
					<td>生物</td>
					<td>英语</td>
				</tr>
				<tr>
					<td colspan="6">课间活动</td>
				</tr>
				<tr>
					<td colspan="2" rowspan="2">
						<table>
							<tr align="center">
								<td>前半节</td>
								<td>后半节</td>
							</tr>
							<tr align="center">
								<td>诗词</td>
								<td>古文</td>
							</tr>
						</table>
					</td>
					<td>数学</td>
					<td>化学</td>
					<td>生物</td>
					<td>英语</td>
				</tr>
				<tr>
					<td>数学</td>
					<td>化学</td>
					<td>生物</td>
					<td>英语</td>
				</tr>
			</tbody>
			
			<tfoot>
				<tr>
					<td colspan="6">标注：2020年1月13日做</td>
				</tr>
			</tfoot>
		</table>
	</body>
</html>

小青龙8085

关注

0
点赞
踩
0

收藏

觉得还不错? 一键收藏
0
评论
寒假学习之课程表格案例

以下是效果展示下面是代码，运用了表格嵌套，colspan，rowspan，border，bgcolor，cellspan等属性。<!DOCTYPE html><html> <head> <meta charset="{CHARSET}"> <title></title> </head>...
复制链接

扫一扫