用html做简单课程表

最新推荐文章于 2024-04-01 16:45:36 发布

asita666

最新推荐文章于 2024-04-01 16:45:36 发布

阅读量3.8k

点赞数

分类专栏：实验随笔文章标签： html html5

本文链接：https://blog.csdn.net/asita666/article/details/114932710

版权

实验随笔专栏收录该内容

2 篇文章 0 订阅

订阅专栏

								用html创建一个课程表

<!DOCTYPE html>
<html>
	<head>
		<meta charset="utf-8">
		<title>网嵌191课表</title>
	</head>
	<body>
		<table border="6" frame="void" align="center" width="650px" height="100px" cellspacing="0px" cellpadding="10px">
		<tr>
			<th >时间</th><th><font>星期一</font></th><th><font>星期二</font></th><th><font>星期三</font></th><th><font>星期四</font></th><th><font>星期五</font></th><th><font>星期六</font></th><th>星期天</th>
		</tr>
		<tr>
			<td rowspan="2">上午</td>
			<td></td>
			<td>数据库原理及应用A</td>
			<td></td>
			<td>工程学科英语</td>
			<td>数字逻辑A</td>
			<td>数据库原理及应用A(11周)</td>
			<td></td>
		</tr>
		<tr>
			<td></td>
			<td>健身健美</td>
			<td>路由与交换技术A</td>
			<td>WEB前端开发技术</td>
			<td>路由与交换技术A</td>
			<td>健身健美-IV(11周)</td>
			<td></td>
		</tr>
		<tr>
			<td rowspan="2">下午</td>
			<td>数字逻辑A</td>
			<td>概率论与数理统计A</td>
			<td></td>
			<td>概率论与数理统计A</td>
			<td></td>
			<td></td>
			<td></td>
		</tr>
		<tr>
			<td></td>
			<td>概论</td>
			<td></td>
			<td>数据库原理及应用A</td>
			<td>概论</td>
			<td>概论(11周)</td>
			<td></td>
		</tr>
		<tr>
			<td rowspan="2">晚上</td>
			<td></td>
			<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>
				<td></td>
			
		</tr>
		<tr>
			<td colspan="8">实践课程：数据库原理及其应用课设温志萍（共一周）；路由与交换技术课程设计邓秀慧（共15周）</td>
		</tr>
		<tr>
			<td colspan="8">其他课程：数字逻辑A许小军（共12周）</td>
		</tr>
		<tr>
			<td colspan="8">理论学时：实验学时：上机学时：课内上机学时：在线学时：课外学时：实践周</td>
		</tr>
		
		</table>
	</body>
</html>

这个以上代码
主要用到 tr td colspan rowspan 等词。
tr 元素定义表格中的行，th 元素定义表格中的表头，td 元素定义表格中的单元格 colspan 表示占多少行如果数值填2 就想这个表中的上午一样，占两行，在第三个tr也就是上午的第三四节课这一行第一个td就可以省略。

asita666

关注

0
点赞
踩
1

收藏

觉得还不错? 一键收藏
0
评论
用html做简单课程表

用html创建一个课程表网嵌191课表 <td></td> <td></td> <td></td> <td></td> <td></td> <td></td> <td></td> </tr> <tr> <td...
复制链接

扫一扫