编程代码制作-课程表做法

最新推荐文章于 2024-09-11 10:06:17 发布
最新推荐文章于 2024-09-11 10:06:17 发布
阅读量465 收藏
点赞数 1
文章标签： 前端
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/wu799707/article/details/133999541
版权

一.课程表结果

二.课程表编程

<!DOCTYPE html>
<html>
    <head>
        <meta charset="utf-8">
        <title></title>
        <!-- css样式-内部样式 -->
        <style>
            /* 元素选择器 */
            table{
                /* 宽度 */]
                width:800px;
                /* 外边距 设置水平居中 */
                margin:0 auto;
                /* 边框颜色 */
                /* 颜色有两种表示方法
                 1，#00ff00
                 2，red
                 */
                border-color:green;  /* border-color 设置边框颜色*/
                boder-width: 5px;
                
            }
            td{
                /* 文本水平方向对齐方式 */    
                text-align:center;/* center 设置为剧中 */
                /* 文本颜色 */
                color:red;
                boder-width: 5px;
            }
            
            
        </style>
    </head>
    <body>
        <table border="1" style="border-collapse: collapse;">
            <tr>
                <td colspan="8">河南工业职业技术学院 计应2307班课程表</td>
            </tr>
            <tr>
                <td></td>
                <td>学年学期:2023-2024-1</td>
                <td></td>
                <td></td>
                <td></td>
                <td>班级人数：48</td>
                <td>打印日期：2023-10-21</td>
                
            </tr>
            <tr>
                <td>\</td>
                <td>星期一</td>
                <td>星期二</td>
                <td>星期三</td>
                <td>星期四</td>
                <td>星期五</td>
                <td>星期六</td>
                <td>星期日</td>
            </tr>
            <tr>
                <td>第1，2节</td>
                <td></td>
                <td>c语言</td>
                <td>高数</td>
                <td>高数</td>
                <td>web</td>
                <td></td>
                <td></td>
            </tr>
            <tr>
                <td>第三四节</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>web</td>
                <td></td>
                
            </tr>
            <tr>
                <td>第七八节</td>
                    <td>大学英语</td>
                    <td>大学英语</td>
                    <td>形势政策</td>
                    <td></td>
                    <td>劳动实践</td>
                    <td>数字平面</td>
                    <td></td>
            </tr>
            <tr>
                <td>第九十节</td>
                    <td>军工</td>
                    <td>国家安全教育</td>
                    <td>web</td>
                    <td>数字平面</td>
                    <td></td>
                    <td></td>
                    <td></td>
            
        </table>
    </body>
</html>

三：课程表制作步骤

步骤1：下载安装HBuilderX软件

步骤2：选择文件（F)-新建（N)-项目-基本HTML项目-添加项目名称-点击创建

步骤3：输入课程表编程代码

步骤4：保存代码

步骤5：点击运行（R) 运行到浏览器（B)Edge

无-GM
关注
用HTML制作课程表
J13569218220的博客
10-23 543
第五步：与第四步方法相似，表格内一列中两行需要合并一起时,需要在第一个。第二步：在输入表格代码之前需要为表格制定格式，所以需要在。表示一行对应几列，然后在每行每列中输入表格相对应的内容。第四步：表格中有一行中两列合并在一起的内容需要在相对应的。为了使表格开头文字在表格的中间，所以需要设定其格式，并在其中输入代码制定要制作表格的格式：输入。下输入数字代表合并的个数，例如如下输入。下输入数字代表合并的个数,例如如下输入。处输入表格内容,后面的合并的列对应。,如果表格无误,则制作完成。将需要合并的行合并,在。
如何用hbuilderx制作课程表
m0_64987016的博客
09-12 1901
以上就是用html制作课程表的全部过程，代码中并没有注释，是因为我还是HTML新手小白的原因，所以还是在最后做一些说明吧。在style中定义的其实就是表格的单元格的大小。然后在body中，制作表格肯定少不了table这个标签，它就没有什么问题可以说的了，毕竟是个新手，暂时搞不出来什么大动作，就这样吧。主要用到的是绘制表格table，调整每个单元格的颜色，大小、以及合并情况，就成功了！我制作的稍微有点简陋，可以参考做的更美观。大家好，这是我的第一篇博客，分享我用html制作的课表。如有疑问，欢迎提问。
css做的课表
04-09
做的静态页面，做的课表，包括行的合并，颜色
html课程表页面
11-26
html课程表页面
C语言课表查询程序
Z3691236的博客
03-23 3242
C结构体课表查询程序 【问题描述】定义针对某个学生的课表结构体变量，包括课程名、教室、上课时间（用整型变量12、34、56、78、910代表12节课等即可）。 从键盘输入该同学的课表，上课时间不是前面提到的几个的表示输入结束，并输入要查询的课程，输出该课程的所有信息。 若要查询的课程不存在，也要给出 Not Found 的出错提示。 【输入形式】输入所有课程信息以及要查询的课程。 【输出形式】输出...
课程表的制作
weixin_46452030的博客
03-12 532
主要是通过表格完成课程表的制作，用bgcolor，rowspan等设置单元格的颜色， 合并单元格，字体大小，颜色。在css部分用到了子代选择器设置第一行的颜色,first-child用于设置宽和高 <img src="1.png" > <table> <tr class="hang1"> <td></td> &l...
课程表代码
fcxgxhdd的博客
09-07 271
星期四</div><div class="tuesday">星期二</div><div class="class">第一节</div><div class="class">第二节</div><div class="class">第三节</div><div class="class">第四节</div><div class="class">第五节课程表
Android代码-课程表安卓app
08-06
【Android代码-课程表安卓app】是一个专门为学生和教师设计的手机应用，旨在方便地管理和查看个人或班级的课程安排。这款应用的开发基于Android操作系统，利用Java或Kotlin编程语言进行编写，结合Android Studio IDE...
Scratch少儿编程项目源代码文件案例-龟兔赛跑.zip
01-15
在"龟兔赛跑"项目中，孩子们可以亲手制作一个简单的互动游戏，控制乌龟和兔子的角色移动，理解事件触发、条件判断等基本编程概念，如“当点击绿旗时开始”、“如果...则...”等。 4. **Scratch源代码**：`.sb3`文件...
Scratch少儿编程项目源代码文件案例素材-教师节.zip
01-24
在这些源代码文件中，孩子们可能会看到如何使用Scratch创建互动的小游戏，例如可能有学生制作的一款向老师表示敬意的游戏，或者是一款模拟教师节庆祝活动的小程序。 每个Scratch项目通常包含舞台区、角色区、脚本区...
24-发射火箭-少儿编程scratch项目源代码文件案例素材.zip
11-06
“少儿趣味编程”强调的是寓教于乐的方式，通过制作游戏，孩子们可以在玩的过程中掌握编程知识，提升兴趣。Scratch的色彩丰富、形象生动的界面，使得编程不再枯燥，而是充满乐趣的探索过程。 “童程童美”可能是该...
19-跳舞-少儿编程scratch项目源代码文件案例素材.zip
11-06
标题中的“19-跳舞-少儿编程scratch项目源代码文件案例素材.zip”表明这是一个与少儿编程相关的项目，具体是使用Scratch编程语言制作的一个“跳舞”游戏或动画的源代码案例。Scratch是由麻省理工学院（MIT）的“终身...
用hbuilderx制作课程表
clm098的博客
09-12 1201
以上代码是一个简单的HTML表格，用来展示一个星期的课程安排。这个表格展示了一个星期的课程安排，包括了上课时间、课程名称、任课教师和班级信息。表格使用了CSS样式来美化，每节课程的格子都有不同的背景颜色，便于区分。同时，表格具有边框和居中对齐的特点，看起来非常整齐。
html第三天利用table做课程表
05-05 1718
<!DOCTYPE html> <html> <head> <meta charset="utf-8" /> <title></title> <style> table{ /*独立单元border-collapse:separate;*/ /*独立单元border-collapse:collapse;*/
利用HTML写一个课表
q1234221的博客
09-11 808
（2）先用table这个标签，然后就是利用，行：<tr></tr>标签 列：<td></td>标签。（1）打开HBuilderx，然后我们新建一个基本html项目。下面是我的代码和效果图。
03--Hbuilder--jQ--表格制作
weixin_45515187的博客
10-27 2543
<!DOCTYPE html> <html> <head> <meta charset="utf-8"> <title></title> <script type="text/javascript" src="js/jquery-2.1.0.js"></script> <style type="text/css"> *{ margin: 0; padding:
使用HBuilder创建图表
08-20 3333
<!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <meta http-equiv="X-U...
水平居中的几种方法（总结）
最新发布
致未来的你。的博客
09-11 769
水平居中的几种方法（总结）
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值