如何用hbuilderx制作课程表

最新推荐文章于 2024-04-21 13:58:53 发布
最新推荐文章于 2024-04-21 13:58:53 发布
阅读量1.5k 收藏 7
点赞数 3
文章标签： html
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/2301_79717726/article/details/132874116
版权

这是我的课程表

d89b25c9da724547bb2d3947dc0410c1.png

 代码如下

59ab2982c7ea4fb095c1df0d6cd36179.png

 总结

1. 在项目中创建一个HTML文件，命名为“xxx.html”。

2. 在HTML文件中添加表格标记“<table>”，并在其中添加多个“<tr>”和“<td>”标记以创建所需的表格。

3. 使用CSS样式对表格进行美化和布局。

2301_79717726
关注
用hbuilderx制作课程表
clm098的博客
09-12 1201
以上代码是一个简单的HTML表格，用来展示一个星期的课程安排。这个表格展示了一个星期的课程安排，包括了上课时间、课程名称、任课教师和班级信息。表格使用了CSS样式来美化，每节课程的格子都有不同的背景颜色，便于区分。同时，表格具有边框和居中对齐的特点，看起来非常整齐。
利用HbuilderX制作简单网页： HTML5期末大作业——html5漫画风格个人md
08-10
HTML5期末考核大作业源码 包含 个人、 美食、 公司、 学校、 旅游、 电商、 宠物、 电器、 茶叶、 家居、 酒店、 舞 蹈、 动漫、 服装、 体育、 化妆品、 物流、 环保、 书籍、 婚纱、游戏、 节日、 戒烟、 电影、 摄影、 文化、 家 乡、 鲜花、 礼品、 汽车、 其他 可满足大学生网页大作业网页设计作业需求, 喜欢的可以下载! 原生(HTML+CSS+JS),网页作品代码简单,可使用任意HTML编辑软件（如：`Dreamweaver、HBuilder、Vscode 、Sublime 、 Webstorm、Text 、Notepad++` 等任意html编辑软件进行运行及修改编辑等操作） HTML静态网页设计作业，采用DIV+CSS布局，共有多个页面，使用CSS排版比较丰富，色彩鲜明有活力,顶部导航及底部 区域背景色为100%宽度。都是给学生定制的都符合学生考试期末作业的水平,有的有js，有的视频+音乐+flash的等 元素的插入。 【查看更多源码地址】：https://blog.csdn.net/VX_WJ88950106?type=blog
大一计算机课程表
2301_80462792的博客
10-22 69
第六步：点击运行中的“运行到浏览器EDGE”以查看效果。第二步：从普通项目中选取基本HTML项目完成创建。第五步：用ctrl-s快捷方式对代码进行保存。第一步：打开HBuilder X文件。第四步：设计代码以完成课程表。第三步：查找相关课程表照片。
HBuild——创建表格
surymy
07-08 7133
<!DOCTYPE html> <html> <head> <meta charset="UTF-8"> <title></title> </head> </table> <br /> <table border = "1" width="100%"> &l...
HBuilderX表格
ts15286507083的博客
06-17 5883
tr——表行 td——数据1、表格：2、表头：3、表的数据部分：4、（row）:5、数据(data)列单元格：6、加粗的单元格：7.数据单元格之间的距离：cellspacing8、数据单元格的填充：cellpadding
html绘制课程表
Winifred_1997的博客
07-12 1851
<!DOCTYPE html> <html> <head> <meta charset="utf-8"> <title>课程表</title> <style type="text/css"> table{ border-collapse: collapse; } td{ border:
利用HbuilderX制作简单网页
热门推荐
m0_67266042的博客
03-09 2万+
本次综合课程设计要求设计内容不限安卓App，小程序，h5界面等，实现两三功能。 鉴于Android的知识放得太久，且AndroidStudio已被删除，所以尝试下载HbuilderX（十几M大小，操作简单），自学半天设计一个简陋的网页，由于没学过前端，所以很一般。 工具： 项目文件及包含： 1. HTML是描述网页文档的标记语言(网页) HTML的全写是Hyper Text Markup Language 一门标记语言是由很多标记组成的. HTML标记用来描述HTML文档 每个HTML标签描述不同的文档内
一个简单的课程表
m0_62954640的博客
11-30 707
写一个表格，注意单元格的合并，单元格跨行合并。 具体代码如下： <!DOCTYPE html> <html> <title>课程表</title> <meta charset="UTF-8"> <head> <link href="./table.css" rel="stylesheet" type="text/css"/> </head> <body> <center&g
HbuilderX表格练习2
weixin_51703558的博客
05-06 4038
表格练习 （数据仅供参考） <!DOCTYPE html> <html> <head> <meta charset="utf-8"> <title>表格4</title> <style type="text/css"> table { border: 1px solid aqua; border-collapse: collapse; } th, td { bo
课程表制作软件(aSc Timetables) v3.1 中文特别版.zip
07-11
aSc Timetables可以帮助你轻松、快速的创建出包含大量班级与教师的完整课程表，甚至还允许你限制教师的每周工作时间。程序覆盖了所有特殊分配情况，比如给同一节课安排多名教师。作为一名班主任再也不用为课程的安排发愁了。 软件介绍： 程序能够对每个班级与教师进行单独配置，提示你是否可以在某一个时间段安排一节数学课，某个老师星期二上午是否有空，等等。在输入所有信息之后，等待几分钟，TimeTables就能生成完整的课程表。它能够均衡的分配一周课程安排，控制完整或部分课程，将学生排入属于他们教师。TimeTables还可以验证课表的可行性，允许你手动调整一些小错误，在你作出错误操作后发出提醒。 TimeTables全面考虑了你将要面对的一切问题，它还为你准备了一个用来管理教师缺勤、代课情况的小功能——aSc Substitutions，它可以生成月度及年度缺勤报告、根据课程类型管理代课情况。 语言选择：这款软件虽然说是支持简体中文、繁体中文，但西西测试发现，简体中文显示完全是乱码，繁体中文只有选择HongKong显示才比较正常。
用HTML5编写课程表
lxl513513的博客
03-22 3507
代码部分： <!DOCTYPE html> <html> <head> <meta charset=utf-8" /> <title>课表</title> <style> td{ width: 13%; text-align: center; } td:first-child{ height: ...
HBuilderX表单
ts15286507083的博客
06-13 4141
表单：1.表单域：2.表单标签：文本输入：掩码输入：单选：多选：
课程表的制作
weixin_46452030的博客
03-12 532
主要是通过表格完成课程表的制作，用bgcolor，rowspan等设置单元格的颜色， 合并单元格，字体大小，颜色。在css部分用到了子代选择器设置第一行的颜色,first-child用于设置宽和高 <img src="1.png" > <table> <tr class="hang1"> <td></td> &l...
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:
HBuider x表格标签
2302_79895666的博客
04-21 504
学号计算机5班</td><td>张三</td><td>李四
学习网页前端第一天成果小展示
paccaq的博客
11-30 299
网页表格简单制作
HBuider的使用之表单和表格的制作
qq_42804234的博客
07-28 2万+
HBuider的使用之表单表格的制作 最外层是表格的格式： &lt;table border="1px" bordercolor="#00FFFF" width="500xp" height="300px" cellpadding="5" cellspacing="0"&gt;&lt;!--描述：对表格边框样式的设计--&gt; &lt;/t
HBuier x表单标签
2302_79895666的博客
04-21 417
吃不胖</span><input type="radio" name="sex" /><span>其他</span><span>性别：</span><input type="radio" name="sex" /><span>男</span><span>身份：</span><input type="radio" name="sf" /><span>教师
HBuilder x制作喜欢品牌调查表 代码
最新发布
09-11
HBuilder X是一款基于Web的前端IDE，它可以帮助开发者快速构建网页应用，包括创建HTML、CSS和JavaScript代码。如果你想通过HBuilder X制作一个喜欢品牌调查表，你可以按照以下步骤操作： 1. **新建项目**：打开HBuilder X，选择"新建项目"，选择Web App模板。 2. **设计界面**：在WXML文件中，使用UI框架如WeApp或Vue等库创建调查表的基本结构，包括输入框、单选按钮、复选框或下拉列表，用于收集用户对品牌的喜好信息。 ```html <view class="survey"> <text>你喜欢的品牌：</text> <radio-group bindchange="onBrandChoice" options="{{brands}}" /> </view> ``` 这里假设`brands`是一个包含各个品牌选项的对象数组。 3. **绑定事件**：在WXSS文件中，为上述元素添加点击或改变事件处理函数（例如`onBrandChoice`），当用户选择某个选项时，记录他们的选择。 4. **数据管理**：在JS部分，定义变量存储用户的回答，并在`onBrandChoice`函数中更新这个变量。 ```javascript Page({ data: { brands: ['品牌A', '品牌B', '品牌C'], selectedBrand: '', }, onBrandChoice(e) { this.setData({selectedBrand: e.detail.value}); } }) ``` 5. **提交表单或保存结果**：最后，你可以设置一个提交按钮，当用户点击后将问卷结果发送到服务器，或者直接在页面上显示结果。 注意：HBuilder X主要用于微信小程序开发，如果你是想做传统的网站，过程可能会有所不同，但仍遵循类似的设计思路。
评论 1
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值