<!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容器数据卷介绍和命令

    是什么 一句话:有点类似我们Redis里面的rdb和aof文件 先来看看Docker的理念: *  将运用与运行的环境打包形成容器运行 ,运行可以伴随着容器,但是我们对数据的要求希望是持久化的 *   ...

  2. TensorFlow从1到2（十一）变分自动编码器和图片自动生成

    基本概念 "变分自动编码器"(Variational Autoencoders,缩写:VAE)的概念来自Diederik P Kingma和Max Welling的论文<Au ...

  3. RabbitMQ学习笔记（三、生产者与消费者）

    目录: 细说交换器 细说队列 发送消息 消费消息 确认与拒绝 细说交换器: 1.方法: public AMQP.Exchange.DeclareOk exchangeDeclare(String ex ...

  4. 机器学习实战之KNN

    KNN也称K-近邻算法,简单来说,KNN采用测量不同特征值之间的距离的方法进行分类. 优点:精度高,对异常值不敏感,无数据输入假定. 确定:时间复杂度.空间复杂度较高 适用数据范围:数值型和标称型 工 ...

  5. NOIP 2012 文化之旅

    洛谷 P1078 文化之旅 洛谷传送门 JDOJ 1788: [NOIP2012]文化之旅 T4 JDOJ传送门 Description Input Output Sample Input Input ...

  6. matlab键盘快捷键无法使用的解决办法

    打开matlab,在主页里点击 预设/preferences 左栏找 键盘/keyboard 点开键盘点击 快捷方式/shortcuts 在右边 活动设置 /Active settings 里选择 W ...

  7. DRF--ModelSerializer

    前戏 在之前我们写序列化器的时候,写的很low,遇到反序列化的有时候还需要重写该字段,用post请求的时候,还要重写create方法,用put请求的时候,还需要重写update方法.总而言之,写起来很 ...

  8. 推荐书单（网课）-人生/编程/Python/机器学习-130本

    目录 总计(130本) 一.在读 二.将读 三.已读 非专业书单(77本) 四.已读 专业书单(53本) 五.已看网课(8个) 六.在看网课 一个人如果抱着义务的意识去读书,便不了解读书的艺术.--林 ...

  9. Java连载52-单例模式的缺点以及抽象类

    一.单例模式 1.单例模式的缺点:单例模式的类型没有子类,无法被继承. 例如:下面的例子,由于父类的构造方法是私有的,所以子类中的构造方法是无法创建的,因为它是引用父类的构造方法 package co ...

  10. php获取url中的参数

    // 获取url参数值function is_set_param($param){ $current_url = $_SERVER["QUERY_STRING"]; $arr = ...