Html学习之十六（表格与表单学习--课程表制作）
<!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学习之十六（表格与表单学习--课程表制作）的更多相关文章
- Html学习之十七（表格与表单学习--排行版制作）
<!DOCTYPE html> <html> <head> <meta charset="UTF-8"> <title> ...
- Html学习之十八（表格与表单学习--统计表制作）
<!DOCTYPE html> <html> <head> <meta charset="UTF-8"> <title> ...
- FastAPI 学习之路（十六）Form表单
系列文章: FastAPI 学习之路(一)fastapi--高性能web开发框架 FastAPI 学习之路(二) FastAPI 学习之路(三) FastAPI 学习之路(四) FastAPI 学习之 ...
- JavaWeb学习记录（十六）——防止表单重复提交
产生随机字符串进行验证,如果产生的和Session存储的相同则可以提交,提交后删除session对应的属性值:否则表单提交不成功 一.产生随机字符串的工具类 package web10.util; i ...
- Html学习之十九（表格与表单学习--邮箱注册页面设计）
<!DOCTYPE html> <html> <head> <meta charset="UTF-8"> <title> ...
- 201671010140. 2016-2017-2 《Java程序设计》java学习第十六周
java学习第十六周-并发 本周,学习了Java中线程,并发的知识,在老师的带领下,进行了对知识的理解学习,以及对实验的运行讲解,对这一块内容掌握的还可以,在自主编程中,也能够完成.线, ...
- python3.4学习笔记(十六) windows下面安装easy_install和pip教程
python3.4学习笔记(十六) windows下面安装easy_install和pip教程 easy_install和pip都是用来下载安装Python一个公共资源库PyPI的相关资源包的 首先安 ...
- 学习笔记：CentOS7学习之十六：LVM管理和ssm存储管理器使用
目录 学习笔记:CentOS7学习之十六:LVM管理和ssm存储管理器使用 16.1 LVM的工作原理 16.1.1 LVM常用术语 16.1.2 LVM优点 16.2 创建LVM的基本步骤 16.2 ...
- 深度学习（二十六）Network In Network学习笔记
深度学习(二十六)Network In Network学习笔记 Network In Network学习笔记 原文地址:http://blog.csdn.net/hjimce/article/deta ...
随机推荐
- Linux—软连接与硬连接
软链接的创建,删除,修改 创建软链接:ln -s[目标文件或目录][软链接地址] 解释:软链接地址相当于快捷方式,目标文件或目录才是真正的内容.[软链接地址]指“快捷键”文件名称,该文件是被指令创建的 ...
- a迭代中的燃尽图统计
简单分析:项目一直在跟进,进展较缓,临近迭代结束,项目进度突飞猛进.
- 房屋布局分析《Physics Inspired Optimization on Semantic Transfer Features: An Alternative Method for Room Layout Estimation》
视觉算法在智能审核系统上的演进与实践 刘天悦 贝壳找房 / 资深工程师 https://static001.geekbang.org/con/56/pdf/1088777747/file/%E8%A7 ...
- 让你的网页"抖起来"?!?
细心的小伙伴可能发现我的左下角有一个抖起来的小按钮,然后页面就开始皮了起来,哈哈好快乐啊 没有利用js,单独的使用了css3的动画就实现了这个效果 css设置 @keyframes shake-it{ ...
- WPF 精修篇 DataGrid 筛选
原文:WPF 精修篇 DataGrid 筛选 DataGrid也可以分组 但是用的地方不多 就没写 筛选还是可以的 比如Datagrid数据量比较大 要做数据筛选 贴码 <DataGrid x: ...
- 【WPF on .NET Core 3.0】 Stylet演示项目 - 简易图书管理系统(2) - 单元测试
上一章中我们完成了一个简单的登录功能, 这一章主要演示如何对Stylet工程中的ViewModel进行单元测试. 回忆一下我们的登录逻辑,主要有以下4点: 当"用户名"或" ...
- Codeforces Round #599 (Div. 2) B1. Character Swap (Easy Version) 水题
B1. Character Swap (Easy Version) This problem is different from the hard version. In this version U ...
- 基于TCP协议的socket套接字编程
目录 一.什么是Scoket 二.套接字发展史及分类 2.1 基于文件类型的套接字家族 2.2 基于网络类型的套接字家族 三.套接字工作流程 3.1 服务端套接字函数 3.2 客户端套接字函数 3.3 ...
- C# Winform程序防止多开的方法总结（亲测）
1.Winform启动的时候,检测是否存在同样的进程名,防止程序多开: static class Program { /// <summary> /// 应用程序的主入口点. /// &l ...
- pytest框架与unittest框架的对比
一.pytest的优势 pytest是基于unittest之上的单元测试框架,它的优势如下: 自动发现测试模块和测试方法 断言使用 assert + 表达式 可以设置测试会话级(session).模块 ...