Html学习之十八(表格与表单学习--统计表制作)
<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<title>表格与表单02</title>
<style>
table{
width: 1000px;
border: 1px white solid;
margin: 100px auto;
border-collapse: collapse;
}
td,th{
border: 1px white solid;
padding: 20px;
}
.a{background-color:paleturquoise ;}
first td{background-color: cadetblue;}
.b{background-color: darkgoldenrod;} </style>
</head>
<body>
<table>
<tr style="background-color: darkcyan;">
<th rowspan="2">Main mode</th>
<th colspan="5">Area of workspace</th>
</tr>
<tr style="background-color: cadetblue;">
<td> Central London</td>
<td> Rest of inner London</td>
<td> Outer London</td>
<td> all London</td>
</tr>
<tr>
<td style="background-color: cadetblue;"> Car and van</td>
<td class="a">48</td>
<td class="a">56</td>
<td class="a">24</td>
<td class="a">18</td>
</tr>
<tr>
<td style="background-color: cadetblue;"> Motorbike</td>
<td class="a">25</td>
<td class="a">34</td>
<td class="a">27</td>
<td class="a">41</td>
</tr>
<tr>
<td style="background-color: cadetblue;"> Bicycle</td>
<td class="a">45</td>
<td class="a">27</td>
<td class="a">58</td>
<td class="a">14</td>
</tr>
<tr>
<td style="background-color: cadetblue;"> Bus and coach</td>
<td class="a">47</td>
<td class="a">56</td>
<td class="a">25</td>
<td class="a">14</td>
</tr>
<tr>
<td style="background-color: cadetblue;"> National Rall</td>
<td class="a">19</td>
<td class="a">34</td>
<td class="a">28</td>
<td class="a">27</td>
</tr>
<tr>
<td style="background-color: cadetblue;">Underground,train, light,rall</td>
<td class="a">45</td>
<td class="a">35</td>
<td class="a">67</td>
<td class="a">58</td>
</tr>
<tr class="b">
<td> Total</td>
<td> 150</td>
<td> 123</td>
<td> 142</td>
<td> 181</td>
</tr>
</table> </html>
结果:
Html学习之十八(表格与表单学习--统计表制作)的更多相关文章
- Html学习之十七(表格与表单学习--排行版制作)
<!DOCTYPE html> <html> <head> <meta charset="UTF-8"> <title> ...
- 测开之路一百四十八:WTForms表单验证
使用WTForms表单验证,可以在数据建模时就设置验证信息和错误提示 创建模型时,设置验证内容,如必填.格式.长度 from flask_wtf import Formfrom wtforms imp ...
- Html学习之十九(表格与表单学习--邮箱注册页面设计)
<!DOCTYPE html> <html> <head> <meta charset="UTF-8"> <title> ...
- Html学习之十六(表格与表单学习--课程表制作)
<!DOCTYPE html> <html> <head> <meta charset="UTF-8"> <title> ...
- python3.4学习笔记(十八) pycharm 安装使用、注册码、显示行号和字体大小等常用设置
python3.4学习笔记(十八) pycharm 安装使用.注册码.显示行号和字体大小等常用设置Download JetBrains Python IDE :: PyCharmhttp://www. ...
- 学习笔记:CentOS7学习之十八:Linux系统启动原理及故障排除
目录 学习笔记:CentOS7学习之十八:Linux系统启动原理及故障排除 18.1 centos6系统启动过程及相关配置文件 18.1.1 centos6系统启动过程 18.1.2 centos6启 ...
- DOM之表格与表单基础分享
我是沐晴,好久不见.马上要放假啦,也是比较的忙. 今天来谈谈表格和表单的基本知识.前期的写的都是比较基础的知识,后期会慢慢增加实例.一起来学习吧. 先看表格,DOM中提供了一些属性,便于我们获取表单节 ...
- WEB入门二 表格和表单
学习内容 Ø 表格的作用和制作 Ø 表单的制作 能力目标 Ø 掌握表格的创建 Ø 掌握设置表格的常用属性: Ø 理解表单的作用 Ø ...
- HTML&CSS精选笔记_表格与表单
表格与表单 表格标记 创建表格 要想创建表格,就需要使用表格相关的标记 <table> <tr> <td>单元格内的文字</td> ...
随机推荐
- Java基础之IO技术(一)
---恢复内容开始--- Java基础中的IO技术可谓是非常重要,俗话说的好,万丈高楼起于垒土之间.所以学习Java一定要把基础学好,今天我们来学习IO技术的基础. IO无非就是输入与输出,而其中处理 ...
- 图片base64编码解码
1.图片base64编码 https://c.runoob.com/front-end/59 2.图片base64解码 https://www.it399.com/image/base64 https ...
- 配置SQL Server维护计划-定时备份
目录 创建维护计划 创建任务 配置维护计划的依赖环境 还原数据库 创建维护计划 打开SQL Server 2014 Management Studio,用SQL Server管理员账户登录. 展开Ma ...
- bzoj1812 [IOI2005]riv河流
题目链接 problem 给出一棵树,每个点有点权,每条边有边权.0号点为根,每个点的代价是这个点的点权\(\times\)该点到根路径上的边权和. 现在可以选择最多K个点.使得每个点的代价变为:这个 ...
- npm 命令 --save 和 --save-dev 的区别
回顾 npm install 命令 我们在使用 npm install 安装模块的模块的时候 ,一般会使用下面这几种命令形式: 1 2 3 4 5 6 7 npm install moduleName ...
- Samba基础配置
本文环境:CentOS 7 简介 在UNIX-like之间共享文件系统主要是通过NFS实现的,而Windows之间共享文件系统主要是通过基于NetBIOS的网上邻居实现的,1984年Andrew Tr ...
- 策略路由PBR(不含track)
策略路由:是一种依据用户制定的策略进行路由选择的机制.(公义)在特定数据进入路由表前,对其进行操控的方式.(本人定义) 根据作用对象的不同,策略路由可分为本地策略路由和接口策略路由: · 本地策略路由 ...
- SQL --- where 1=1 与 1<> 1
1.Sql 中的查询语句中的where 字句是为了带条件进行查询,那么使用where 1=1 后查询的是什么 首先:查询表 tb_obge 中的所有字段 select * from dbo.o ...
- day01(无用)
第一讲:1,基本理论知识 第一天内容:抽象.枯燥. 2,工具的操作: 三个工具: 2个发包工具: Jmeter.PostMan 1个抓包工具: Fiddler 3,安全测试的内容: 初级,工具的使用: ...
- Nginx反向代理及负载均衡介绍
Nginx的产生 没有听过Nginx?那么一定听过它的"同行"Apache吧!Nginx同Apache一样都是一种WEB服务器.基于REST架构风格,以统一资源描述符(Unifor ...