如何只用HTML创建一个时间计划表？

一位美女 lv.1

发布时间：2022-11-25 07:50:45 283

相关标签： # css# html# php# 数据

如何只用HTML创建一个时间计划表？_css

在工作与生活中，我们需要经常排一些计划表，以便工作生活井然有序，但是在编程中，我们怎么只用HTML来实现一个表格呢？

今天我们一起动手来做一做这个时间计划表。

首先，我们都知道表格是由行和列的组成。我们每个人都可以通过HTML（超文本标记语言）的基础知识来创建一个时间计划表。

我们只需要通过使用HTML中的

标记即可完成。

创建表的步骤：

创建一个标记。
使用标签

创建一个表。

使用

这是行标记在表中创建行。

使用

表数据标签将数据插入行中。

关闭表格标签。

关闭html标记。

这是用HTML创建的基本时间表，没有使用字体颜色和背景颜色。

代码如下：

 
 

 
    计划时间表
 
    




























































                                      width="100">
 
                星期/时间
 
                                         width="100"> 
                01
9:30-10:20 
                                         width="100"> 
                02
10:20-11:10 
                                         width="100"> 
                03
11:10-12:00 
                                         width="100"> 
                12:00-12:40 
                                         width="100"> 
                04
12:40-1:30 
                                         width="100"> 
                05
1:30-2:20 
                                         width="100"> 
                06
2:20-3:10 
                                         width="100"> 
                07
3:10-4:00 
                     
                       
                星期一              HTML              CSS              JS               
                中
午
休
息
时
间
 
                                         height="50">HTML              CSS          
                       
                星期二 
                                         height="50">HTML
                         VUE              PHP              PS              SPORTS          
                       
                星期三 
                         VUE              HTML              CSS              PHP                              height="50">JavaScript
                     
                       
                星期四 
                         HTML              webpack              PHP                              height="50">JavaScript
                         PHP          
                       
                星期五 
                                         height="50">JavaScript 
                         HTML              VUE              Webpack              CSS          
                       
                星期六 
                         webpack              CSS              PHP                              height="50">JavaScript
                         SPORTS