利用Html完成一张课程表的网页

#前言

在完成html中有关表格的学习后，我们可以利用相关的知识，来做一个简单的课程表网页

#步骤

1.生成html模板，可以利用！+tab键进行自动生成。

详情可以看我第一篇写的博客，里面有具体的介绍，这里就不详细说明了。

2.具体代码

具体代码如下，图中各个元素,标签都进行了相关的注释说明：

<!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-scale=1.0"><title>课程表</title>
</head>
<!-- r行d格，r行c列 -->
<body><table border="1"><!-- 给整个表格（包括表格及每一个单元格）加上1像素的黑色边框 --><!-- 制作标题 --><caption><b><!-- <b>这是一个加粗文本 -->初三一班课程表</b></caption><!-- 制作星期 --><tr><!-- <tr> 标签定义 HTML 表格中的行。 --><!-- th 元素内部的文本通常会呈现为居中的粗体文本--><th></th><th>星期一</th><th>星期二</th><th>星期三</th><th>星期四</th><th>星期五</th></tr><!-- 制作第一行的课表 --><tr><td rowspan="2">上午</td> <!-- rowspan规定单元格可横跨的行数。 --><td>语文</td> <!-- td 元素内的文本通常是左对齐的普通文本。 --><td>数学</td><td>英语</td><td>音乐</td><td>美术</td></tr><!-- 制作第二行的课表 --><tr><td>数学</td><td>英语</td><td>语文</td><td>体育</td><td>生物</td></tr><!-- 制作第三行的课表 --><tr><td rowspan="2">下午</td><td>英语</td><td>语文</td><td>数学</td><td rowspan="2" colspan="2">自习</td><!-- colspan 属性规定单元格可横跨的列数。 --></tr><!-- 制作第四行的课表 --><tr><td>物理</td><td>化学</td><td>历史</td></tr></table>
</body></html>

最后的结果：

#总结

以上就是今天要讲的内容，本文简单介绍了利用html中表格的相关知识来完成一个课程表网页的开发。有什么问题欢迎大家在评论区指出，一起互相交流学习。

如果这篇文章帮助到你，麻烦点个赞，留个关注，非常感谢大家们的支持~~~

利用Html完成一张课程表的网页相关推荐

如何利用熊猫课表软件快速制作一张课程表？
如何快速制作一张课程表?最快速方便的方法是利用现在市面上已经出现的一些课程表软件,熊猫课表就是一款比较好用的课程表软件.下面是百度百科对熊猫课表的介绍. 熊猫课表是一款基于课程表的移动应用产品,帮助家 ...
DL之NN：利用(本地数据集50000张数据集)调用自定义神经网络network.py实现手写数字图片识别94%准确率
DL之NN:利用(本地数据集50000张数据集)调用自定义神经网络network.py实现手写数字图片识别94%准确率目录输出结果代码设计输出结果更新-- 代码设计 import mnist ...
利用fiddler和mock调试本地微信网页
利用fiddler和mock调试本地微信网页微信公众号网页是比较特殊的页面,普通页面直接打开即可访问,但对于需要请求微信相关接口的部分需要安全域名认证.这导致了使用mock数据进行开发的页面没办法走 ...
如何利用云服务器快速部署一个静态网页
如何利用云服务器快速部署一个静态网页 1.租一台云服务器 2.安装nginx 3.把/var/www/html文件夹下的html文件替换成你的静态网页 4.在浏览器输入主机ip就可以看到了,注意打开8 ...
excel html 查询,html 连接 excel表格数据库数据-利用EXCEL表格为数据库制作查询网页...
请教如何将HTML中有链接的数据提取到EXCEL表格里? 将网页中的数据拷贝到excel表格中,默认是全部选中的,您只要单击鼠标右键选择删除超链接即可(此操作在excel2010上测试通过) 请问EX ...
利用ArcGIS做一张土地利用现状图
利用ArcGIS做一张土地利用现状图首先我们打开ArcGIS加载进来三调数据,这是镇的数据,现在我们需要村的行政边界.首先打开属性表添加一个新的字段命名"行政代码"字段属性为文本 ...
cutycapt php,PHP利用CutyCapt获取网页快照，抓取网页高清图片快照（教程）
PHP利用CutyCapt获取网页快照,抓取网页高清图片快照(教程): // +------------------------------------------------------------ ...
word表格分开快捷键_Word利用快捷键在两张以上无缝表格之间或表格前插入文字...
在制作 Word 文档过程中,偶尔会遇到这样一种情况,就是要在两张或多张无缝表格之间插入文字,由于输入文字前必须插入光标,恰恰在无缝表格之间不容易插入光标,应该怎么办呢?毫无疑问把表格分离,至于如何分 ...
opencv resize_利用OpenCV 识别两张相似的图片
Background: 在我们项目中,用到U-net,我们对训练样本图片使用labelme进行标定,对标定生成的json文件labelme_json_to_dataset生成标注图像,由于小伙伴将生成 ...

利用Html完成一张课程表的网页

#前言

#步骤

1.生成html模板，可以利用！+tab键进行自动生成。

2.具体代码

#总结

利用Html完成一张课程表的网页相关推荐

最新文章

热门文章