<!DOCTYPE html>

<html>

    <head>

        <meta charset="UTF-8">

        <title>课程表</title>

        <style>

            table{/*设置外部相关属性,不要设置内部属性*/

                width: 500px;

                height: 300px;

                border: 3px black solid;

                margin: 100px auto;

                /*padding: 20px;*/

                border-collapse: collapse;/*合并边框属性 ，使边框之间没有间距*/

            }

            td,th{/*设置内部相关属性,不要设置外部属性*/

                border: 1px black solid;

                padding: 0px 22px;

                /*padding: 20px;*/

                /*margin: 20px;*/

            }

            .td1{

                background: #A9A9A9;

                font-weight: bold;

            }

            th{

                background: brown;

                font-size:20px;

                color: aliceblue;

            }

        </style>

    </head>

    <body>

        <table><!--table是块状元素的-->

            <tr><!--使用th会使12345加粗并居中-->

                <th colspan="6">课程表</th><!--和并列即是合并的是将6列合为1列使用colspan-->

                <!--<th>2</th>

                <th>3</th>

                <th>4</th>

                <th>5</th>-->

            </tr>

            <tr>

                <td class="td1"></td>

                <td class="td1">周一</td>

                <td class="td1">周二</td>

                <td class="td1">周三</td>

                <td class="td1">周四</td>

                <td class="td1">周五</td>

            </tr>

            <tr>

                <td rowspan="2" class="td1">上午</td><!--合并行使用rowspan，这是合并两行-->

                <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" class="td1">下午</td><!--合并行使用rowspan-->

                <td>数学</td>

                <td>语文</td>

                <td>外语</td>

                <td>体育</td>

                <td>历史</td>

            </tr>

            <tr>

                <td>数学</td>

                <td>语文</td>

                <td>外语</td>

                <td>体育</td>

                <td>历史</td>

            </tr>

        </table>

    </body>

</html>

结果：

Html学习之十六（表格与表单学习--课程表制作）的更多相关文章

  1. Html学习之十七（表格与表单学习--排行版制作）

    <!DOCTYPE html> <html> <head> <meta charset="UTF-8"> <title> ...

  2. Html学习之十八（表格与表单学习--统计表制作）

    <!DOCTYPE html> <html> <head> <meta charset="UTF-8"> <title> ...

  3. FastAPI 学习之路（十六）Form表单

    系列文章: FastAPI 学习之路(一)fastapi--高性能web开发框架 FastAPI 学习之路(二) FastAPI 学习之路(三) FastAPI 学习之路(四) FastAPI 学习之 ...

  4. JavaWeb学习记录（十六）——防止表单重复提交

    产生随机字符串进行验证,如果产生的和Session存储的相同则可以提交,提交后删除session对应的属性值:否则表单提交不成功 一.产生随机字符串的工具类 package web10.util; i ...

  5. Html学习之十九（表格与表单学习--邮箱注册页面设计）

    <!DOCTYPE html> <html> <head> <meta charset="UTF-8"> <title> ...

  6. 201671010140. 2016-2017-2 《Java程序设计》java学习第十六周

    java学习第十六周-并发        本周,学习了Java中线程,并发的知识,在老师的带领下,进行了对知识的理解学习,以及对实验的运行讲解,对这一块内容掌握的还可以,在自主编程中,也能够完成.线, ...

  7. python3.4学习笔记(十六) windows下面安装easy_install和pip教程

    python3.4学习笔记(十六) windows下面安装easy_install和pip教程 easy_install和pip都是用来下载安装Python一个公共资源库PyPI的相关资源包的 首先安 ...

  8. 学习笔记：CentOS7学习之十六：LVM管理和ssm存储管理器使用

    目录 学习笔记:CentOS7学习之十六:LVM管理和ssm存储管理器使用 16.1 LVM的工作原理 16.1.1 LVM常用术语 16.1.2 LVM优点 16.2 创建LVM的基本步骤 16.2 ...

  9. 深度学习（二十六）Network In Network学习笔记

    深度学习(二十六)Network In Network学习笔记 Network In Network学习笔记 原文地址:http://blog.csdn.net/hjimce/article/deta ...

随机推荐

  1. 用Docker运行Jenkins自动化构建.NET Core项目

    目标 当代码提交到GitHub后,自动生成构建项目并部署到服务器.接下来介绍一下如何在容器中运行Jenkins,并自动化构建GitHub上的项目,使用自动化构建来解放你的双手. 前置条件 一台已经安装 ...

  2. 微信小程序开发——websocket测试

    服务端 在windows下执行 node  server.js 也可参照我的前一篇部署https var httpServ = require('http') var WebSocketServer ...

  3. 第05组 Beta冲刺（4/4）

    第05组 Beta冲刺(4/4) 队名:天码行空 组长博客连接 作业博客连接 团队燃尽图(共享): GitHub当日代码/文档签入记录展示(共享): 组员情况: 组员1:卢欢(组长) 过去两天完成了哪 ...

  4. Please make sure you have the correct access rights and the repository exists.

    参考:https://blog.csdn.net/jingtingfengguo/article/details/51892864,感谢老哥. 从码云克隆项目到新的服务器上,报错: Please ma ...

  5. python学习第一天第二天总结

    变量赋值 1, 变量由字⺟, 数字,下划线搭配组合⽽成 2, 不可以⽤数字开头,更不能是全数字 3,不能是pythond的关键字, 这些符号和字⺟已经被python占⽤, 不可以更改 4,不要⽤中⽂ ...

  6. 15-Django开发REST接口

    使用Django开发REST接口 我们以在Django框架中使用的图书以及书中人物案例来写一套支持图书数据增删改查的REST API接口,来理解REST API的开发(前后端均发送JSON格式数据) ...

  7. 巧妙利用selenium中的JS操作来处理特殊的文本框

    在使用selenium对页面进行相关操作时,有时候会遇到以下三种情况: 1.日期框:无法直接输入文本,必须要选择某一天的日期并点击才会填入文本框: 2.检索框:可以直接输入文本,但必须要点击根据输入的 ...

  8. Long类型数据前端精度丢失

    问题描述 后端把Long类型的数据传给前端,前端可能会出现精度丢失的情况.例如:201511200001725439这样一个Long类型的整数,传给前端后会变成201511200001725440 相 ...

  9. 失败zero

    1127 系统玩崩溃了 分区助手调整c盘,导致自动进入快速启动然后疯狂boot网卡检测?还有测试中心? 查找错误initialization and establishing link,结论是bios ...

  10. 【mysql】You must reset your password using ALTER USER statement before executing this statement. 报错处理

    1.问题:登陆mysql以后,不管运行任何命令,总是提示这个 mysql> select user,authentication from mysql.user; ERROR 1820 (HY0 ...