<!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. Sublime Text 3如何关闭自动更新

    1.Preferences -> Settings-User 2.插入下面代码:"update_check": false 如果有其他的设置,用逗号隔开,然后保存 3.Pre ...

  2. [日常] windows下使用vscode配合xebug调试php脚本

    windows下使用vscode配合xebug调试php脚本 要下载有php_xebug.dll扩展的版本,最新版可能没有这个扩展,php7.3应该是有的,php7.3.4好像没有默认是不加载这个扩展 ...

  3. [Linux]线程分离状态的理解

    在任何一个时间点上,线程是可结合的(joinable),或者是分离的(detached).一个可结合的线程能够被其他线程收回其资源和杀死:在被其他线程回收之前,它的存储器资源(如栈)是不释放的.相反, ...

  4. go 创建自己的区块

    package main import ( "time" "crypto/sha256" "bytes" ) //区块体 type Bloc ...

  5. ELK 安装

    ELK 是 Elasticesarch Logstash kibana  三个开源软件 Elasticsearch是个开源分布式搜索引擎,提供搜集.分析.存储数据三大功能.它的特点有:分布式,零配置, ...

  6. docker /var/lib/docker/aufs/mnt 目录满了怎么清理

    1.创建脚本文件 vi cleandocker.sh 内容如下: #!/bin/sh echo "==================== start clean docker contai ...

  7. 《Spring Cloud微服务 入门 实战与进阶》

    很少在周末发文,还是由于昨晚刚收到实体书,还是耐不住性子马上发文了. 一年前,耗时半年多的时间,写出了我的第一本书<Spring Cloud微服务-全栈技术与案例解析>. 时至今日,一年的 ...

  8. IT兄弟连 Java语法教程 数组 深入数组 内存中的数组

    数组是一种引用数据类型,数组引用变量只是一个引用,数组元素和数组变量在内存里是分开存放的.下面将深入介绍数组在内存中的运行机制. 内存中的数组 数组引用变量只是一个引用,这个引用变量可以指向任何有效的 ...

  9. .deb文件安装应该怎么做

    https://unix.stackexchange.com/questions/159094/how-to-install-a-deb-file-by-dpkg-i-or-by-apt

  10. 点云3D 目标检测

    点云 点云是雷达采集到的信息. 关于点云基本介绍参考https://zhuanlan.zhihu.com/p/22581673 ros中的点云消息结构:http://docs.ros.org/jade ...