<!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. CK:User mode Bus Error(用户空间操作内核地址导致的异常)

    关键词:VEC_ACCESS.coredump.LR.PC等. CK中存在一种VEC_ACCESS异常,可能原因是用户空间访问了内核空间,还有一种是内核访问不存在的总线地址. 下面简单构造VEC_AC ...

  2. acwing 116. 飞行员兄弟

    地址  https://www.acwing.com/problem/content/118/ “飞行员兄弟”这个游戏,需要玩家顺利的打开一个拥有16个把手的冰箱. 已知每个把手可以处于以下两种状态之 ...

  3. rabbit mq 手动重试机制

    消息手动确认模式的几点说明 监听的方法内部必须使用channel进行消息确认,包括消费成功或消费失败 如果不手动确认,也不抛出异常,消息不会自动重新推送(包括其他消费者),因为对于rabbitmq来说 ...

  4. Android开发笔记:Android开发环境搭建

    基于Eclipse开发 1. 安装JDK 首先进入JDK下载页面,选择需要的版本下载安装. JDK 下载地址:https://www.oracle.com/technetwork/java/javas ...

  5. php 交换值

    使用异或和第三参数比较 结果比较:(其中之一) 异或:执行时间在 0.035-0.085之间 第三参数:执行时间在 0.035-0.050之间 结论:使用第三参数执行效率更高/更稳定

  6. Feign、httpclient、OkHttp3 结合使用

    疯狂创客圈 Java 高并发[ 亿级流量聊天室实战]实战系列 [博客园总入口 ] 疯狂创客圈 正在进行分布式和高并发基础原理 的研习,比如下面的一些基础性的内容: 一.Netty Redis 亿级流量 ...

  7. 10-Django中间件

    中间件 Django中的中间件是一个轻量级.底层的插件系统,可以介入Django的请求和响应处理过程,修改Django的输入和输出. 中间件的设计为开发者提供了一种无侵入式的开发方式,增强了Djang ...

  8. html背景音乐

    标签<audio> 参用属性 autoplay="autoplay"自动播放 controls="controls",在页面内显示显示控件,如播放按 ...

  9. 同步IDEA系列软件的设置,再也不用但心我的配置丢失了

    同步IDEA系列软件的设置 问题描述:重装idea,之前配置好的快捷键就没有了.之前一直是每隔几个月要把配置导出一下,上传百度云盘.现在好了,通过配置可以自动同步配置了.我再也不用但心配置丢失了. 快 ...

  10. SWITCH练习(一年第几天的判断)

    using System; namespace program { class program1 { static void Main(string[] args) { program1 fenshu ...