用html简单做一个课程表。

最新推荐文章于 2023-10-23 19:23:49 发布
最新推荐文章于 2023-10-23 19:23:49 发布
阅读量2.6k 收藏 28
点赞数 3
文章标签： html 前端 css
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/Jeffrey_11/article/details/121632932
版权
这篇博客通过HTML代码展示了如何创建一个简单的课程表，包括了不同课程在一周内的安排。使用了如table、tr、td等HTML标签，以及居中、边框、合并单元格等样式设置。课程表分为上午和下午，包含语文、数学、英语、物理、化学、地理、历史、体育和计算机等科目。
摘要由CSDN通过智能技术生成

话不多说，直接上代码，代码后有效果图。

<!DOCTYPE html>
<html lang="en">
<head>
    <title>课程表</title>
</head>
<body>
    <h3 align="center">课程表</h3>
    <table border="1" contenteditable="20" width="800" align="center" height="500">
        <tr>
            <th>项目</th>
            <th colspan="5">上课</th>
            <th colspan="2">休息</th>

        </tr>
        <tr align="center">
            <td colspan="1">星期</td>
            <td>星期一</td>
            <td>星期二</td>
            <td>星期三</td>
            <td>星期四</td>
            &l

最低0.47元/天 解锁文章
Jeffrey_11
关注
  • 3
    点赞
  • 踩
  • 28
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
利用html制作课程表
2301_79706999的博客
09-13 2618
height属性设置元素的高度。定义列标签。width属性设置元素的宽度。 定义表格标签。border属性指定元素边框的样式、宽度和颜色。margin属性设置外边距。
简单的html课表
07-31
用html制作一个简单的个人课表模板，用html制作一个简单的个人课表模板，
用html制作课表
g13700862269的博客
10-23 1539
</td>，如果有行合并用rowspan，步骤同上。<td rowspan="2">web表示层开发技术</td>第二步：在<body>下利用行<tr></tr>和列<td></td>打出大体的课程表。<td>web表示层开发技术</td><td>数字平面设计基础</td><td>班级人数：50</td><td>计算机应用基础</td><td>计算机应用基础
html课程表页面
11-26
html课程表页面
用html制作一个课程表
m0_56218765的博客
05-02 7337
效果如下 主要用到的是绘制表格table，调整每个单元格的颜色，大小、以及合并情况，就成功了！我制作的稍微有点简陋，可以参考做的更美观。 <body> <table border="1"> <caption>我的课表</caption> <tr height="10" align="center"> <td> </td> <td &
用html写网课课程表
01-20
以下是一个简单的课程表的HTML结构示例： ```html <!DOCTYPE html> <html lang="zh"> 大二下学期课程表 大二下学期课程表 时间 星期一 星期二 ... 第一节 课程A 课程B ... 第...
html kechengbiao.zip_html_课程 表格 html_课程表_课程表 html
09-14
在本案例中，"html kechengbiao.zip" 提供的是一份与课程相关的HTML文件，它使用了HTML表格（table）来构建一个课程表。课程表是教育机构管理教学计划的重要工具，它清晰地展示了课程的名称、时间、地点等信息。 ...
利用HTML做一个课程表
Great_Wow的博客
03-28 5913
↵ 步骤: 观察该表,建立一个14行*8列的表格 第一行合并成一个单元格 从第2行1列起,后面的每两行进行合并 添加相应的文字及背景颜色 代码片段: <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8...
HTML制作简单课程表
CFT532的博客
11-30 8697
什么是 HTML？ HTML 是用来描述网页的一种语言。 HTML 指的是超文本标记语言 (HyperTextMarkupLanguage) HTML 不是一种编程语言，而是一种标记语言(markup language) 标记语言是一套标记标签(markup tag) HTML 使用标记标签来描述网页 HTML 标签 HTML 标记标签通常被称为 HTML 标签 (HTML tag)。 HTML 标签是由尖括号包围的关键词，比如 <html> HTML 标签通常是成...
java实现课程表
12-06
这是java实现课程表的方式，只适合我的学校，你们的学校肯定不合适，因为每个学校的教务系统不一样。只能用来参考。
用html做简单课程表
asita666的博客
03-17 4298
用html创建一个课程表 网嵌191课表 <td></td> <td></td> <td></td> <td></td> <td></td> <td></td> <td></td> </tr> <tr> <td...
课表
-_^汪洸*的博客
10-09 261
<!DOCTYPE html> <html> <head> <meta charset="UTF-8"> <title></title> </head> <body> <table border="2" bordercolo...
利用HTML制作简易课程表
HNCHN的博客
09-12 606
在body中创建 table标签，在 table标签中添加 tr标签来表示创建了一行，在 tr标签中创建 td标签来表示创建了一个单元格。（根据自己的需求在 table标签中创建相应的行和单元格）在HTML文件中引入中CSS样式代码。（根据需求添加属性来创建相应样式用于定义课程表的外观和布局）保存并在浏览器中预览HTML文件，以确保课程表显示正常且符合预期。上面的代码便是简易课程表的的源代码，其中基本代码由HTML与CSS组成；在单元格中添加相应的课程信息。
如何用HTML制作课程表
weixin_45274946的博客
11-30 1万+
小白速成HTML制作课程表
html table制作课程表
weixin_45044528的博客
07-08 1494
课后作业 table 制作课程表 <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <title>课程表</title> </head> <body> &
使用HTML制作课表
weixin_66201127的博客
02-23 843
HTML简单制作课表
使用HTML&CSS创建一个网页课程表
热门推荐
qq_45915712的博客
11-05 1万+
使用HTML&CSS创建一个网页课程表整体布局加入表头数据合并上下单元格并加入课表信息美化页面最终效果 整体布局 对于课程表，其实就是一个表格，其中加入CSS样式。 因此，我们先创建一个九行八列的表格（以我的课表为例）。 <table border="1"> <tr> <td> </td> <td> </td> <td> </td> <td> </t
用HTML5编写课程表
lxl513513的博客
03-22 3494
代码部分： <!DOCTYPE html> <html> <head> <meta charset=utf-8" /> <title>课表</title> <style> td{ width: 13%; text-align: center; } td:first-child{ height: ...
用html写一个大学生课程表
最新发布
09-07
当然可以，HTML用于创建静态网页结构，我们可以使用表格（table）元素来构建一个简单的大学生课程表。下面是一个基本的例子： ```html <!DOCTYPE html> <html lang="zh"> 大学生课程表 table { width: 100%...
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值