文档章节

table-02(colgroup)

0000001
 0000001
发布于 2014/06/28 10:49
字数 276
阅读 45
收藏 0
点赞 0
评论 1

<!DOCTYPE html>
<html>
<head>
 <meta charset="UTF-8">
 <title>table</title>
 <link rel="stylesheet" href="">
 <script type="text/javascript"></script>
 <style type="text/css">
 /*CSS Reset*/
 body{ font:12px/1.5 Verdana,Geneva,Arial,Helvetica,sans-serif;}
 body,h1,h2,h3,h4,h5,h6,hr,p,dl,dt,dd,ul,ol,li,form,fieldset,legend,button,input,textarea{ outline:medium none; padding:0; margin:0;}
 ul,ol{ list-style:none;}
 a{ text-decoration:none;}
 img{ border:none; display:block;}
 em,i{ font-style:normal;}
 s{ display:inline-block; overflow:hidden; }
 input{ vertical-align:middle;}
 /*TAB*/
 .tab table{ width:750px; border-collapse:collapse; border:1px solid #666; color:#fff;}
 .tab .bg1{ width:100px; background:#f00; }
 .tab .bg2{ background:blue;}
 .tab td{ border:1px solid #666; line-height:24px; padding:8px;}
 </style>
</head>
<body>
 <div>
  <table>
   <colgroup span="2">
    <col></col>
    <col></col>
   </colgroup>
   <colgroup span="2">
    <col ></col>
    <col></col>
   </colgroup>
   <tr>
    <th colspan="2">标题1</th>
    <th colspan="2">标题2</th>
   </tr>
   <tr>
    <td>标题1:</td>
    <td>内容1</td>
    <td>标题2:</td>
    <td>内容2:</td>
   </tr>
   <tr>
    <td>标题1:</td>
    <td>内容1</td>
    <td>标题2:</td>
    <td>内容2:</td>
   </tr>
   <tr>
    <td>标题1:</td>
    <td>内容1</td>
    <td>标题2:</td>
    <td>内容2:</td>
   </tr>
   <tr>    <td>标题1:</td>
    <td>内容1</td>
    <td>标题2:</td>
    <td>内容2:</td>
   </tr>
   <tr>
    <td>标题1:</td>
    <td>内容1</td>
    <td>标题2:</td>
    <td>内容2:</td>
   </tr>
  </table>
 </div>
</body>
</html>

© 著作权归作者所有

共有 人打赏支持
0000001
粉丝 35
博文 141
码字总数 46256
作品 0
朝阳
前端工程师
加载中

评论(1)

0000001
0000001
什么意思?
HTML5新增标签(二)

table新增 table新增以下标签 <table summary="财务表格" border="1"><!--summary让浏览器识别--> <caption>财务表格</caption> <colgroup> <col width=""><!--自动平均分配--> <col width=......

博为峰教研组
2016/12/22
2
0
Html中的table包括 caption、col、colgroup、thead、tfoot 以及 tbody

HTML <table> 标签 定义和用法 <table> 标签定义 HTML 表格。 简单的 HTML 表格由 table 元素以及一个或多个 tr、th 或 td 元素组成。 tr 元素定义表格行,th 元素定义表头,td 元素定义表格...

随智阔
2013/02/27
0
0
精通HTML表格的使用

制作网页表格,需要使用table标签。 用好table标签并不容易,复杂的表格做起来就很麻烦,比如下面这张表。 我整理了一些HTML表格的高级语法。你可以看看,自己会用多少? 1. 标题和内容描述 ...

阮一峰
2009/05/10
0
0
HTML 表格元素

学习要点 表格元素汇总 构建表格解析 一、表格元素汇总 表格的基本构成最少需要三个元素:< table >、< tr >、< td >,其他的一些作为可选铺助存在。 二、构建表格解析 1、table、tr、td构建...

xiaoxiaobukuang
2017/10/09
0
0
HTML学习之表格属性

表格的基本元素 定义行标签 定义列标签 表格内的表头单元格 定义在thead下的标签不论在HTML代码中你放置在什么位置都会以表头形式显示 同理 以及。 分别表示,表体,表脚。 表的标题 用来设置...

zhangtainren
2015/11/20
0
0
构建可拖放排序表格的 JS 库--Table-dragger

Table-dragger 是一个可拖放排序表格的 JavaScript 迷你库。 特点 设置简单 可同时对行/列进行排序 排序时动画平滑 无依赖 支持触摸事件 无需担心 cellspacing, cellpadding, col 和 colgro...

匿名
2017/01/10
331
0
DOM的innerHTML

div. innerHTML 为可写的 而table的innerHTML为只读,IE浏览器会报“未知的运行时错误”。 而火狐等使用的内核不同,对解析html,javascript方式不同,所以不报错误。 这主要是IE在对innerHT...

低至一折起
2017/12/05
0
0
表格行与列边框样式处理的原理分析及实战应用

欢迎大家前往腾讯云社区,获取更多腾讯海量技术实践干货哦~ 作者:韩宇波 导语:table之间的边框存在共用问题,自然而然就存在冲突。既然存在冲突,那么就势必涉及到最后渲染哪一个样式的问题...

腾讯云加社区
2017/11/07
0
0
HTML4.0标准语法--表格

表格的色彩 表元的背景色彩和背景图象 =rrggbb 16 进制 RGB 数码, 或者是下列预定义色彩名称: Black,Olive,Teal,Red,Blue,Maroon,Navy,Gray,Lime, Fuchsia,White,Green,Purple,Silver,Yello...

晨曦之光
2012/03/09
94
0
Android 中自定义控件和属性

在xml 文件里定义控件的属性,我们已经习惯了android:attrs="" ,那么我们能不能定义自己的属性能,比如:test:attrs="" 呢?答案是肯定的. 进入主题。大致以下步骤: 一、 在res/values 文件下...

lxp198837
2012/06/14
0
0

没有更多内容

加载失败,请刷新页面

加载更多

下一页

Application Express安装

Application Express安装文档 数据库选择和安装 数据库选择 Oracle建议直接12.2.0.1.0及以上的版本,12.1存在20618595bug(具体可参见官方文档) Oracle 12c 中安装oracle application expr...

youfen
15分钟前
0
0
OpenMessaging概览

序 本文主要研究一下OpenMessaging 架构图 namespace,类似cgroup的namespace,用来进行安全隔离,每个namespace有自己的producer、consumer、topic、queue等 producer,消息生产者有两类,一...

go4it
20分钟前
0
0
MySQL索引类型

MySQL目前主要有以下几种索引类型: 1.普通索引 2.唯一索引 3.主键索引 4.组合索引 5.全文索引 https://www.cnblogs.com/luyucheng/p/6289714.html...

灯下草虫鸣_
21分钟前
0
0
spring boot2.x设置quartz对一个job顺序执行

背景 使用quartz时,如果一个job的是1分钟,但是执行却要2分钟,quartz默认的是不会等job执行结束后,再执行下一次job,默认是会再开启一个线程执行该次job,这就可能导致一些重复执行的BUG...

EasyProgramming
26分钟前
0
0
iOS定向阴影的探讨

view.layer.shadowColor = [UIColor blackColor].CGColor; view.layer.shadowOpacity = 0.8f; view.layer.shadowRadius = 4.f; view.layer.shadowOffset = CGSizeMake(0,0); ......

RainOrz
37分钟前
0
0
oracle使用jdbc报错Locale not recognized解决方法

在开启数据库连接之前和之后添加时区参数:

源哥L
41分钟前
0
0
django2.0正则表达

re_path("userdetail-(?P<nid>\d+)/",views.user_detail), 解析时用re_path 否则出现not find page

南桥北木
44分钟前
0
0
Mac 安装jd-gui

安装brew 命令行输入 /usr/bin/ruby -e "$(curl -fsSL https://raw.githubusercontent.com/Homebrew/install/master/install)" 回车 安装jd-gui brew cask install jd-gui......

张欢19933
51分钟前
0
0
占坑

00000000000000000000000000000000000000000000000

钟元OSS
52分钟前
0
0
编程学习读书笔记之jQuery函数应用学习心得(图)

编程学习读书笔记之jQuery函数应用学习心得(图) jQuery.extend() 函数 用于将一个或多个对象的内容合并到目标对象。 1.当提供两个或多个对象给.extend(),对象的所有属性都添加到目标对象(...

原创小博客
54分钟前
0
0

没有更多内容

加载失败,请刷新页面

加载更多

下一页

返回顶部
顶部