各式各样table
<html>
<head>
<title>大清帝国</title>
<meta name="keywords" content="大清帝国之康熙大帝">
<meta name="description" content="大清帝国之康熙大帝">
<meta http-equiv="content-type" content="text/html;charset=utf-8 ">
</head>
<body>
<center>
<ol>
<li>基本表格</li><!-- border表格边框--><!-- bordercolor表格边框颜色--><!--cellspacing表格边框间距-->
<table width="300" border="1" bordercolor="black" cellspacing="0">
<tr>
<td>百度</td>
<td>谷歌</td>
<td>搜狗</td>
</tr>
<tr>
<td>优酷</td>
<td>土豆</td>
<td>酷6</td>
</tr>
<tr>
<td>163</td>
<td>126</td>
<td>新浪</td>
</tr>
</table>
<li>无边框表格</li>
<table width="300" border="0" bordercolor="black" cellspacing="0">
<tr>
<td>百度</td>
<td>谷歌</td>
<td>搜狗</td>
</tr>
<tr>
<td>优酷</td>
<td>土豆</td>
<td>酷6</td>
</tr>
<tr>
<td>163</td>
<td>126</td>
<td>新浪</td>
</tr>
</table>
<li>双线表格</li>
<table width="300" border="1" bordercolor="black" cellspacing="1">
<tr>
<td>百度</td>
<td>谷歌</td>
<td>搜狗</td>
</tr>
<tr>
<td>优酷</td>
<td>土豆</td>
<td>酷6</td>
</tr>
<tr>
<td>163</td>
<td>126</td>
<td>新浪</td>
</tr>
</table>
<li>合并多列表格</li>
<table width="300" border="1" bordercolor="black" cellspacing="1">
<tr>
<td colspan="3" align="center">百度</td><!--colspan合并列单元格-->
</tr>
<tr>
<td>优酷</td>
<td>土豆</td>
<td>酷6</td>
</tr>
<tr>
<td>163</td>
<td>126</td>
<td>新浪</td>
</tr>
</table>
<li>合并多行表格</li>
<table width="300" border="1" bordercolor="black" cellspacing="1">
<tr>
<td rowspan="3">百度</td><!--rowspan合并多列单元格-->
<td>谷歌</td>
<td>搜狗</td>
</tr>
<tr>
<td>土豆</td>
<td>酷6</td>
</tr>
<tr>
<td>126</td>
<td>新浪</td>
</tr>
</table>
<li>复杂表格1</li>
<table width="300" border="1" bordercolor="black" cellspacing="1">
<tr>
<td>百度</td>
<td colspan="2">谷歌</td>
</tr>
<tr>
<td>优酷</td>
<td rowspan="2">土豆</td>
<td>酷6</td>
</tr>
<tr>
<td>163</td>
<td>新浪</td>
</tr>
</table>
<li>复杂表格2</li>
<table width="300" border="1" bordercolor="black" cellspacing="1">
<tr>
<td>百度</td>
<td>谷歌</td>
<td>搜狗</td>
</tr>
<tr>
<td colspan="2">优酷</td>
<td rowspan="2">酷6</td>
</tr>
<tr>
<td>163</td>
<td>126</td>
</tr>
</table>
<li>突起表格</li>
<table width="300" border="1" bordercolor="black" cellpadding="5" cellspacing="1" bgcolor="gray" bordercolorlight="black" bordercolordark="white">
<tr>
<td>百度</td>
<td>谷歌</td>
<td>搜狗</td>
</tr>
<tr>
<td>优酷</td>
<td>土豆</td>
<td>酷6</td>
</tr>
<tr>
<td>163</td>
<td>126</td>
<td>新浪</td>
</tr>
</table>
<li>凹陷表格</li>
<table width="300" border="1" bordercolor="black" cellpadding="5" cellspacing="1" bgcolor="gray" bordercolorlight="white" bordercolordark="black">
<tr>
<td>百度</td>
<td>谷歌</td>
<td>搜狗</td>
</tr>
<tr>
<td>优酷</td>
<td>土豆</td>
<td>酷6</td>
</tr>
<tr>
<td>163</td>
<td>126</td>
<td>新浪</td>
</tr>
</table>
<li>突起表格</li>
<table width="300" border="0" bgcolor="blue" bordercolor="black" cellpadding="5" cellspacing="1">
<tr bgcolor="white">
<td>百度</td>
<td>谷歌</td>
<td>搜狗</td>
</tr>
<tr bgcolor="white">
<td>优酷</td>
<td>土豆</td>
<td>酷6</td>
</tr>
<tr bgcolor="white">
<td>163</td>
<td>126</td>
<td>新浪</td>
</tr>
</table>
</ol>
<center>
</body>
各式各样table的更多相关文章
- php 使用table方式导出excel文件
这些天在使用PHPExcel导出数据时,5000条数据竟然挂了.后来跟同事聊聊,有些明悟,PHPExcel做了很多处理,我在这里理解为渲染,就会暂用过多的空间,‘膨胀’的空间导致内存暂用过大,就挂了. ...
- 使用 data.table 包操作数据
在第一节中,我们回顾了许多用于操作数据框的内置函数.然后,了解了 sqldf 扩展包,它使得简单的数据查询和统计变得更简便.然而,两种方法都有各自的局限性.使用内置函数可能既繁琐又缓慢,而相对于各式各 ...
- Table 组件构建过程中遇到的问题与解决思路
在 GearCase 开源项目构建 Table 组件的过程中.遇到了各式各样的问题,最后尝试了各种方法去解决这些问题. 遇到的部分问题 checkbox 的全选和半选问题 table 组件的排序请求方 ...
- 散列表(hash table)——算法导论(13)
1. 引言 许多应用都需要动态集合结构,它至少需要支持Insert,search和delete字典操作.散列表(hash table)是实现字典操作的一种有效的数据结构. 2. 直接寻址表 在介绍散列 ...
- React使用antd Table生成层级多选组件
一.需求 用户对不同的应用需要有不同的权限,用户一般和角色关联在一起,新建角色的时候会选择该角色对应的应用,然后对应用分配权限.于是写了一种实现的方式.首先应用是一个二级树,一级表示的是应用分组,二级 ...
- 创建几个常用table展示方式插件
这次和大家分享的是自己写的一个table常用几种展示格式的js插件取名为(table-shenniu),样式使用的是bootstrap.min.css,还需要引用jquery.min.js包,这个插件 ...
- html中table边框属性
1.向右(横向)合并: <td colspan="5"><span>后台管理系统</span></td> 2.向下(纵向)合并: & ...
- MySQL中You can't specify target table for update in FROM clause一场
mysql中You can't specify target table <tbl> for update in FROM clause错误的意思是说,不能先select出同一表中的某些值 ...
- 打印Lua的Table对象
小伙伴们再也不用为打印lua的Table对象而苦恼了, 本人曾也苦恼过,哈哈 不过今天刚完成了这个东西, 以前在网上搜过打印table的脚本,但是都感觉很不理想,于是,自己造轮子了~ 打印的效果,自己 ...
随机推荐
- SpringMVC 登陆判断
struts2:extends ActionSupport @Override public String execute() throws Exception { User user = userS ...
- Linux Shell脚本攻略 读书笔记
Linux Shell脚本攻略 读书笔记 这是一本小书,总共253页,但内容却很丰富,书中的示例小巧而实用,对我这样总是在shell门前徘徊的人来说真是如获至宝:最有价值的当属文本处理,对这块我单独整 ...
- Spark ML聚类分析之k-means||
今天更新了电脑上的spark环境,因为上次运行新的流水线的时候,有的一些包在1.6.1中并不支持 只需要更改系统中用户的环境变量即可 然后在eclipse中新建pydev工程,执行环境是python3 ...
- 获取Token不完整问题
有时会遇到获取Token只能获取一半的问题,明明有两个Cookie,但只获取到一个,这个是因为301重定向跳转设置问题,设置为True就可以获取到完整的Token了. myHttpWebRequest ...
- Windows Internals学习笔记（二）系统架构
参考资料: 1. <Windows Internals> 2. http://bestcbooks.com 3. Windows Drive Kit 4. Microsoft Window ...
- JS学习笔记（二） 数据类型
参考资料: 1. http://www.w3school.com.cn/js/js_datatypes.asp 2. http://blog.sina.com.cn/s/blog_85c1dc1001 ...
- git学习笔记10-新开发的功能不想要了-强行删除分支
添加一个新功能时,你肯定不希望因为一些实验性质的代码,把主分支搞乱了,所以,每添加一个新功能,最好新建一个feature分支,在上面开发,完成后,合并,最后,删除该feature分支. 现在,你终于接 ...
- iOS - NSURLConnection 网络请求
前言 @interface NSURLConnection : NSObject class NSURLConnection : NSObject DEPRECATED: The NSURLConne ...
- [转载] tmux 使用指南
原文: https://danielmiessler.com/study/tmux/ tmux的用法和screen类似, 比screen好用一些, 不过需要单独安装
- 数据分析学习(zhuan)
http://www.zhihu.com/question/22119753 http://www.zhihu.com/question/20757000 ********************** ...