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 ...
随机推荐
- Shell—输入输出重定向
大多数 UNIX 系统命令从你的终端接受输入并将所产生的输出发送回到您的终端.一个命令通常从一个叫标准输入的地方读取输入,默认情况下,这恰好是你的终端.同样,一个命令通常将其输出写入到标准输出,默 ...
- s3c2440裸机-时钟编程(二、配置时钟寄存器)
s3c2440裸机编程-时钟编程(二.配置时钟寄存器) 1.2440时钟时序 下图是2440时钟配置时序: 1.上电后,nRESET复位信号拉低,此时cpu还无法取指令工作. 2.nRESET复位信号 ...
- (入门SpringBoot)SpringBoot加接口操作日志好方法(九)
用Spring的切面去做,慕课网上的大神的小妙招,被我拷贝下来了.import org.aspectj.lang.JoinPoint; import org.aspectj.lang.annotati ...
- 排序算法| Array.sort()算法规则
1.js的Array.sort()是使用什么算法排序: 1.火狐中是“归并排序” 2.V8引擎是 “插入排序和快速排序结合”.数组长度不超过10时,使用插入排序.长度超过10使用快速排序.在数组较短时 ...
- x86-64数据格式、通用寄存器与操作数格式
x86-64数据格式.通用寄存器与操作数格式 数据格式 Intel用术语"字(word)"表示16位数据类型,32位为"双字(double words)", ...
- java（一）基础知识
常见DOS命令: dir:列出当前目录下的文件以及文件夹 md:创建目录 rd: 删除目录 cd:进入指定目录 cd .. :返回上一级目录 cd \:返回根目录 del:删除文件 exit:退出do ...
- Android常用adb命令总结（一）
ADB是android sdk里的一个工具,用这个工具可以直接操作管理android模拟器或者真实的andriod设备. ADB是一个客户端-服务器端程序,其中客户端是你用来操作的电脑,服务器端是an ...
- 《细说PHP》 第四版 样章 第二章 PHP的应用与发展 5
2.5 如何学习PHP PHP以其简单易学的特点,以及敏捷开发的优势,从一个几乎不被人知的开源项目,慢慢成长为技术人员首选的动态Web设计工具,与其他语言相比,PHP表现得更好.更快.更简单易学.尽 ...
- Python远程linux执行命令
1.远程登录到linux上,使用到的模块paramiko #远程登陆操作系统 def ssh(sys_ip,username,password,cmds): try #创建ssh客户端 client ...
- 英语阅读——The confusing pursuit of beauty
这篇文章是<新视野大学英语>第四册的第二单元的文章,很好的一篇议论文,读起来也很有意思. 1 If you're a man, at some point a woman will ask ...