（二）html 复杂表格

<!DOCTYPE html>
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8"/><title>程序员之美</title><meta charset="utf-8" /><style type="text/css">/*表格样式*/table {width: 90%;background: #ccc;margin: 10px auto;border-collapse: collapse; /*border-collapse:collapse合并内外边距(去除表格单元格默认的2个像素内外边距*/}th, td {height: 25px;line-height: 25px;text-align: center;border: 1px solid #ccc;}th {background: #eee;font-weight: normal;}tr {background: #fff;}tr:hover {background: #D1FFFC;}td a {color: #06f;text-decoration: none;}td a:hover {color: #06f;text-decoration: underline;}</style>
</head>
<body><table border="1" width="100%" height="100" cellspacing="0" cellpadding="5"><tr><th rowspan="2">最近修改日期</th><th colspan="20">国家励志奖学金候选人名单</th></tr><tr><th>姓名</th><th>分院</th><th>学号</th><th>曾获奖项</th><th>职位描述</th><th>操作</th></tr><tr><td>2020-10-30</td><td>张旭</td><td>信息技术学院</td><td>1902320136</td><td>博客专家，蓝桥杯二等奖，博客大赛二等奖</td><td><a href="www.baidu.com">点击查看</a></td><td><a href="www.baidu.com">编辑</a> <a href="www.baidu.com">删除</a></td></tr><tr><td>2020-10-30</td><td>李四</td><td>信息技术学院</td><td>3212320136</td><td>英语比赛一等奖，CAD编程二等奖，博客大赛二等奖</td><td><a href="www.baidu.com">点击查看</a></td><td><a href="www.baidu.com">编辑</a> <a href="www.baidu.com">删除</a></td></tr><tr><td>2020-10-30</td><td>张飞</td><td>医学技术学院</td><td>3212320136</td><td>博客专家，英语四级</td><td><a href="www.baidu.com">点击查看</a></td><td><a href="www.baidu.com">编辑</a> <a href="www.baidu.com">删除</a></td></tr><tr><td>2020-10-30</td><td>于飞</td><td>建筑与工程技术学院</td><td>3212320136</td><td>英语比赛三等奖，普通话二级，云+社区作者</td><td><a href="www.baidu.com">点击查看</a></td><td><a href="www.baidu.com">编辑</a> <a href="www.baidu.com">删除</a></td></tr><tr><td>2020-10-30</td><td>张静</td><td>药学技术学院</td><td>3212320136</td><td>博客大赛一等奖，计算机二级</td><td><a href="www.baidu.com">点击查看</a></td><td><a href="www.baidu.com">编辑</a> <a href="www.baidu.com">删除</a></td></tr><tr><td>2020-10-30</td><td>于静</td><td>信息技术学院</td><td>3212320136</td><td>英语四级，计算机四级</td><td><a href="www.baidu.com">点击查看</a></td><td><a href="www.baidu.com">编辑</a> <a href="www.baidu.com">删除</a></td></tr></table>
</body>
</html>

（二）html 复杂表格相关推荐

HTML(二)列表与表格的使用
HTML(二)列表与表格的使用目录 HTML(二)列表与表格的使用一.列表标签二.表格标签三.块级标签四.网页的布局一.列表标签 1.无序列表:列表项没有先后顺序 <ul type= ...
HTML（二）：表格元素
表格元素的作用:用来格式化显示数据. 一.表格的基本结构表格的基本语法: <TABLE border="设置表格边框尺寸大小" width="" cel ...
[原创]FineUI秘密花园（二十一） — 表格之动态创建列
有时我们需要根据数据来动态创建表格列,怎么来做到这一点呢?本章会详细讲解. 动态创建的列还是通过一个示例来看下如何在FineUI中动态创建表格列,示例的界面截图: 先来看下ASPX的标签定义: 1: ...
python对参数二值化处理_OpenCV自适应阀值二值化表格检测方法(python版)
OCR主要分为三个步骤:检测.分割.文字识别.其中文字识别无论是英文还是中文相对比较成熟.只要检测到位,标准的印刷体识别率还是非常高的. 文书OCR检测主要有文字检测和表格检测.文本段落基于行的检测通 ...
[SQL Server玩转Python] 二.T-SQL查询表格值及Python实现数据分析
在开发项目过程中,更多的是通过Python访问SQL Server数据库接口,进行数据挖掘的操作:而SQL Server2016版本之后,嵌入了强大的R.Python.Machine Learning ...
matlab怎么画三维坐标的二维图,excel怎么画二维坐标表格图(如何在excel中绘制三维坐标系？)...
在excle中怎么把二维图形变成三维图形你说的是图表吗,如果是的话就这样操作 excel2007以上版本:选中图表-点击设计选项卡-最左面有更改图表类型-选择合适的类型-确定 excel2003也是 ...
002_HTML基础入门二【列表 + 表格】
文章目录一.列表 List 1.有序列表 ol.li 2.无序列表 ul.li 3.定义列表 dl.dt.dd 二.表格 Table 1.基本标签 2.合并单元格 3.thead.tbody.tfo ...
实验二利用Excel表格进行掷骰子模拟实验
应用软件:Office2010 我们想分别进行100次和1000次的掷骰子模拟实验.将Excel表格输入成如下样式: 注意!概率的输入是使用=1/6回车计算的,并非手动输入,如图: 类似于投币实验,点 ...
VBA学习笔记本(二)——两个表格数据匹配
最近遇到很多要在两个表之间同步数据的情况,比如在sheet1 为基础表表中有非常多的字段姓名学号班级专业性别年龄籍贯张A 001 一班计算机男 15 北京王B 002 一班物 ...
Word基础（二十七）表格之重复标题
在Word中,如果表格行数较多,需要几页才能显示,那么怎么让跨页的表格也具有表头标题呢?即每一页都具有相同的表头标题方法: 点击表头标题(表格第一行任意位置) 点击表格工具-布局选项卡数据分类中, ...

（二）html 复杂表格

（二）html 复杂表格相关推荐

最新文章

热门文章