各式各样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的脚本,但是都感觉很不理想,于是,自己造轮子了~ 打印的效果,自己 ...
随机推荐
- div相对浏览器移动
<% String path = request.getContextPath();%><!DOCTYPE html PUBLIC "-//W3C//DTD XHTM ...
- poj 1410 线段相交判断
http://poj.org/problem?id=1410 Intersection Time Limit: 1000MS Memory Limit: 10000K Total Submissi ...
- C# 线程（一）
From : http://www.cnblogs.com/miniwiki/archive/2010/06/18/1760540.html 文章系参考转载,英文原文网址请参考:http://www. ...
- [原]五分钟搭建gitserver
本来在忙一些事情,结果刚才突然收到一个临时的事情,号称很着急. 问了一下,原来是需要在本地搭建一个git库,但其实之前我是有做过gitserver的,不过是在阿里云(部分分布在青云)上,而且目前在使用 ...
- 文字垂直居中，水平居中 a标签水平居中只要给他的父级设置text-align=center
在说到这个问题的时候,也许有人会问CSS中不是有vertical-align属性来设置垂直居中的吗?即使是某些浏览器不支持我只需做少许的CSS Hack技术就可以啊!所以在这里我还要啰嗦两句,CSS中 ...
- 妙用||和&&
&&和||在JQuery源代码内尤为使用广泛,由于本人没有系统的学习js,所以只能粗略的自我理解出来,希望大家指点下.粗略理解如下: a() && b() :如果执行a ...
- htm Dom对象与 Xml Dom对象的理解
html 是基于Xml的文档规范.是一种特殊的xml文档,这一点很重要 1.xml 文档的操作,java,c#,...各种语言都提供了很好的api对文档进行解析,操作.当然js 也不例外,提供了一系列 ...
- NTT【51nod】1514 美妙的序列
题意:1~n 的全排列中,有多少个排列满足任意从中间切成两段后,左边段的最大值大于右边段的最小值? 例如:n为3时有3种 2 3 1 3 1 2 3 2 1 解释:比如 2 3 1 (2) (3 1) ...
- Java Date与SimpleDateFormat
最近在弄一些涉及到时间处理的项目.本来自己写了一个时间转换函数,虽然能用但是过于麻烦而且不够规范,于是学习了下java自带的时间处理的类. public class Timechg { public ...
- HTML的超链接
一.超链接概念: 超链接也叫 URL 中文翻译为资源定址器.这个定址器的功能主要告诉浏览器根据 URL的地址找到所需的资源.作用于连接资源 二.超链接的常用属性: 1.href=指定目的地,当有了hr ...