简单网页课表制作

最新推荐文章于 2024-04-30 22:05:29 发布
最新推荐文章于 2024-04-30 22:05:29 发布
阅读量9.6k 收藏 55
点赞数 5
分类专栏： 前端 文章标签： html 课表制作 html课表制作
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/qq_40678222/article/details/82777108
版权

效果图： 

 

代码如下： 

<!DOCTYPE html>
<html>
<head lang="en">
    <meta charset="UTF-8">
    <style type="text/css">body{background-size:cover}</style>
    <title>xxx-xxx学年秋（两学期） 班级课程表 班名：xxx</title>
</head>
<body background="E:\\test.jpg" ><!--背景图片保存路径-->
<table  frame=box border=1 align=center   cellpadding=0 cellspacing=0 bordercolor=black >
    <caption><strong>课程表</strong></caption>
  <tr>
    <th colspan="2" align="center">节次</th>
    <th align="center" width="180">星期一</th>
    <th align="center" width="180">星期二</th>
    <th align="center" width="180">星期三</th>
    <th align="center" width="180">期期四</th>
    <th align="center" width="180">星期五</th>
    <th align="center" width="180">星期六</th>
    <th align="center" width="180">星期日</th>
  </tr>
  <tr>
    <td rowspan="2" align=center >第<br />一<br />大<br />节</td>
    <td align="center">第<br />一<br />节</td>
    <td rowspan="2">高等数学A(一）<br />
        xxx<br />
        xxx楼<br />
        xxx<br />
        4-9周上（1-2节）
    </td>
    <td rowspan="2">大学英语(三）<br />
        xxx<br />
        xxx楼<br />
        xxx<br />
        4-18周上（1-2节）
    </td>
    <td rowspan="2">体育（一）<br />
        (00007001-09)<br />
        虚拟操场1<br>
        详见清单6<br>
    xxx
    </td>
    <td rowspan="2">高等数学A(一）<br />
        xxx<br />
        xxx楼<br />
        xxx<br />
        4-19周上（1-2节）
    </td>
    <td rowspan="2"></td><!--无课-->
    <td rowspan="2"></td><!--无课-->
    <td rowspan="2"></td><!--无课-->
  </tr>
  <tr>
    <td align="center">第<br />二<br />节</td>
  </tr>
  <tr>
    <td rowspan="2" align=center>第<br />二<br />大<br />节</td>
    <td align="center">第<br />三<br />节</td>
    <td rowspan="2"></td><!--无课-->
    <td rowspan="2"></td><!--无课-->
    <td rowspan="2">高等数学A(一）<br />
        xxx<br />
        xxx楼<br />
        xxx<br />
        4-9周上（1-2节）
    </td>
    <td rowspan="2" ></td><!--无课-->
    <td rowspan="2">计算机科学与技术导论B<br />
        xxx<br />
        xxx楼<br />
        xxx<br />
        4-12周上（5-6节）
    </td>
    <td rowspan="2"></td><!--无课-->
    <td rowspan="2"></td> <!--无课-->
  </tr>
  <tr>
    <td align="center">第<br />四<br />节</td>
  </tr>
  <tr>
    <td rowspan="2" align=center>第<br />三<br />大<br />节</td>
    <td align="center">第<br />五<br />节</td>
    <td  rowspan="2"></td><!--无课-->
    <td  rowspan="2">形势与政策（一）<br />
        xxx<br />
        xxx楼<br />
        xxx<br />
        7-9周上（1-2节)
    </td>
    <td  rowspan="2"></td>
    <td  rowspan="2">思想道德修养与法律基础<br />
        xxx<br />
        xxx楼<br />
        xxx<br />
        4-18周上（5-6节）</td>
    <td  rowspan="2">大学英语（三）<br />
        xxx<br />
        xxx楼<br />
        xxx<br />
        4-8周上(5-6节）
    </td>
    <td rowspan="2" ></td> <!--无课-->
    <td rowspan="2" ></td> <!--无课-->
  </tr>
  <tr>
    <td align="center">第<br />六<br />节</td>
  </tr>
  <tr>
    <td  rowspan="2" align=center>第<br />四<br />大<br />节</td>
    <td align="center">第<br />七<br />节</td>
    <td rowspan="2">英语听力（三）<br />
        xxx<br />
        xxx楼<br />
        xxx<br />
    5,7,9,11,13,15,17,19周上（7-8节）
    </td>
    <td rowspan="2">计算机科学与技术导论B<br />
        xxx<br />
        xxx楼<br />
        xxx<br />
        4-12周上（7-8节）
    </td>
    <td rowspan="2"></td> <!--无课-->
    <td rowspan="2"></td> <!--无课-->
    <td rowspan="2">军事理论<br />
        xxx<br />
        xxx楼<br />
        xxx<br />
        4-15周上（7-8节）
    </td>
    <td rowspan="2"></td> <!--无课-->
    <td rowspan="2"></td> <!--无课-->
  </tr>
  <tr>
    <td align="center">第<br />八<br />节</td>
  </tr>
  <tr>
    <td rowspan="3" align=center>第<br />五<br />大<br />节</td>
    <td align="center">第<br />九<br />节</td>
    <td rowspan="2"></td>
    <td rowspan="2">程序设计技术<br />
        xxx<br />
        xxx楼<br />
        xxx<br />
        4-13周上（9-10节）
    </td>
    <td rowspan="2"></td>
    <td rowspan="2">程序设计技术<br />
        <br />
        xxx楼<br />
        xxx<br />
        4-13周上9(9-10节）
    </td>
    <td rowspan="2" ></td><!--无课-->
    <td rowspan="2"></td> <!--无课-->
    <td rowspan="2"></td>  <!--无课-->
  </tr>
  <tr>
    <td align="center">第<br />十<br />节</td>
  </tr>
  <tr>
    <td align="center">第<br />十<br />一<br />节</td>
    <td></td>
    <td></td>
    <td></td>
    <td></td>
    <td></td>
    <td></td>
    <td></td>
  </tr>
</table>
</body>
</html>

 

 

九天小牛
关注
  • 5
    点赞
  • 踩
  • 55
    收藏
    觉得还不错? 一键收藏
  • 1
    评论
专栏目录
简单网页的制作
adm3n的博客
07-22 3339
前言： 虽然现在有很多网页模板可以套用，但是不写代码就永远不能进步！ 简单介绍： HTML是一种超文本标记语言，简单来说就是用来做网页的，没有别的脚本语言的加持下只能做静态网页。 在有其它脚本语言JavaScript（JS）和PHP语言的加持下就可以做动态网页，甚至可以做耗费精力和时间的响应式网站。 刚才说的静态网页、动态网页和响应式网站显然都是后话了，到后边还有伪静态网页，这些到后面再讲。 HTML编译器： Dreamweaver和WebStorm 写一个简单网页可以先用记事本 废话不多
简单网页设计之表格
wyy
04-17 4885
范例1：课程表设计 无标题文档 课程表 星期一 星期二 星期三 星期四 星期五 上午 1 英语 语文 数学 体育
用html制作课表
g13700862269的博客
10-23 1487
</td>，如果有行合并用rowspan，步骤同上。<td rowspan="2">web表示层开发技术</td>第二步：在<body>下利用行<tr></tr>和列<td></td>打出大体的课程表。<td>web表示层开发技术</td><td>数字平面设计基础</td><td>班级人数：50</td><td>计算机应用基础</td><td>计算机应用基础
web前端开发网页设计课堂作业/html练习《课程表》
山山4332的博客
11-16 917
【代码】web前端开发网页设计课堂作业/html练习《课程表》
Web实验一：课程表
最新发布
landexiangmz的博客
04-30 182
课表css（style2.css）
WEB入门二 表格和表单
张晨光老师的播客
02-14 8081
学习内容Ø表格的作用和制作Ø表单的制作能力目标Ø掌握表格的创建Ø掌握设置表格的常用属性；Ø理解表单的作用Ø熟练掌握表单常用元素本章简介表格对于网页制作而言极其重要，其最明显的优点是能够以行列整齐的形式来显示文本、数字、图片信息。而且，表格还可以用于固定文本或图像的显示位置。经常上网的用户会发现表格被大量
Web技术基础-用html制作课程表
m0_63941452的博客
03-19 1038
html制作表格
用html制作一个课程表
m0_56218765的博客
05-02 7274
效果如下 主要用到的是绘制表格table，调整每个单元格的颜色，大小、以及合并情况，就成功了！我制作的稍微有点简陋，可以参考做的更美观。 <body> <table border="1"> <caption>我的课表</caption> <tr height="10" align="center"> <td> </td> <td &
简单网页-------课程表
smile吖
09-12 6647
简单网页-----课程表 1.效果图 2.具体代码如下 &lt;!DOCTYPE html&gt; &lt;html&gt; &lt;head&gt; &lt;meta charset="utf-8"&gt; &lt;title&gt;Class&lt;/title&gt; &lt;style type="text/css"&gt;
Web技术（Java）初学+制作学期课程表
超逸の学习技术博客
03-11 8018
本学期开了Web课程，然后在书102页有一个上机练习题：制作一个本学期使用的课表。 话不多说，直接附上自己做完后的图片（源代码在后面） 今天上课才接触HTML 所以界面肯定还是一般般 随着学习，我还会更新Web技术界面] 至于用了什么工具，可以查看我的这篇博客： https://blog.csdn.net/weixin_42429718/article/details/88134227 &lt;...
Web:学生课程表表格/用户注册表单
ZzzWClock的博客
06-18 2855
一.学生课程表 1.课程表模样 2.课程表html代码块 <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8" /> <meta http-equiv="X-UA-Compatible" content="IE=edge" /> <meta name="viewport" content="width=device-width, initial
简单网页制作
05-06
这份网页包含跑马灯，动画，框架，导航等元素。导航包括五个板块，每个板块是一个链接。五个可以链接到照片展示，留言板，课程表等。
课程标准（原教学大纲）《网页设计与制作项目教程》.doc
12-01
本课程标准《网页设计与制作项目教程》是为中、高职院校的老师提供的一份课程资源，旨在帮助学生掌握网页设计与制作的基本知识和技能。该课程的主要任务是学习使用 Dreamweaver 创建、发布站点，为网页添加基本元素...
教学进度表-网页设计与制作.doc
12-23
网页设计与制作是一门涵盖广泛技术的课程，旨在教授学生如何创建、编辑和优化网页。以下是对教学进度表中涉及知识点的详细解释： 1. **网页设计基础**： - **HTML**：超文本标记语言，是网页内容的基础，用于描述...
web简单网页课程设计报告.doc
10-06
Web 简单网页课程设计报告 本文档是关于 Web 简单网页课程设计报告的详细说明。主要内容包括 HTML、CSS、JavaScript 等技术的应用，网页设计思路、布局、风格统一、JavaScript 交互技术等。 一、 HTML/CSS 基础...
《网页设计与制作》课程标准.pdf
10-13
《网页设计与制作》课程是江苏省五年制高职电子商务专业的一门关键课程，旨在培养学生具备创建、管理和维护动态网站的能力。课程以项目为导向，融入实际工作场景，打破传统学科体系，强调职业技能的培养。 课程涉及...
小白如何制作课程表？超简单版确定不点进来看看？
luckygirl77777的博客
09-13 127
搞定完课表的基本模样，我们就要给课表进行美化，让我们的课表看这漂亮赏心悦目。
Web前端——表格及课表实例
EWQOR的博客
02-19 1002
table元素及课表实例
用html制作课程表
m0_55056589的博客
11-28 2913
这里写自定义目录标题欢迎使用Markdown编辑器新的改变功能快捷键合理的创建标题，有助于目录的生成如何改变文本的样式插入链接与图片如何插入一段漂亮的代码片生成一个适合你的列表创建一个表格设定内容居中、居左、居右SmartyPants创建一个自定义列表如何创建一个注脚注释也是必不可少的KaTeX数学公式新的甘特图功能，丰富你的文章UML 图表FLowchart流程图导出与导入导出导入 欢迎使用Markdown编辑器 你好！ 这是你第一次使用 Markdown编辑器 所展示的欢迎页。如果你想学习如何使用Mar
appinventor简单课程表制作
05-13
在这里，我将介绍如何使用 App Inventor 制作一个简单的课程表应用程序。 首先，需要了解应用程序的基本结构和设计理念。App Inventor 的设计理念是基于代码块的可视化编程，所以用户只需将代码块拖放到页面中即可...

“相关推荐”对你有帮助么？

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论 1
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

余额充值