HTML5 <colgroup> 标签
实例
HTML5 <colgroup>标签可以组合<col>标签。
<colgroup> 和 <col> 标签为表格中的三个列设置了背景色:
<table border="1"><colgroup><col span="2" style="background-color:red"><col style="background-color:yellow"></colgroup><tr><th>ISBN</th><th>Title</th><th>Price</th></tr><tr><td>3476896</td><td>My first HTML</td><td>$53</td></tr>
</table>
尝试一下 »
浏览器支持
所有主流浏览器都支持 <colgroup> 标签。
标签定义及使用说明
<colgroup> 标签用于对表格中的列进行组合,以便对其进行格式化。
通过使用 <colgroup> 标签,可以向整个列应用样式,而不需要重复为每个单元格或每一行设置样式。
注释:只能在 <table> 元素之内,在任何一个 <caption> 元素之后,在任何一个 <thead>、<tbody>、<tfoot>、<tr> 元素之前使用 <colgroup> 标签。
提示:如果想对 <colgroup> 中的某列定义不同的属性,请在 <colgroup> 标签内使用 <col> 标签。
HTML 4.01 与 HTML5之间的差异
HTML5 中不再支持 HTML 4.01 中的大部分属性。
属性
属性 | 值 | 描述 |
---|---|---|
align (已废弃) | left right center justify char |
HTML5 不支持。规定在列组合中内容的水平对齐方式。 |
char (已废弃) | character | HTML5 不支持。规定根据哪个字符来对齐列组中的内容。 |
charoff (已废弃) | number | HTML5 不支持。规定第一个对齐字符的偏移量。 |
span | number | 规定列组应该横跨的列数。 |
valign (已废弃) | top middle bottom baseline |
HTML5 不支持。定义在列组合中内容的垂直对齐方式。 |
width (已废弃) | pixels % relative_length |
HTML5 不支持。规定列组合的宽度。 |
全局属性
<colgroup> 标签支持 HTML 的全局属性。
事件属性
<colgroup> 标签支持 HTML 的事件属性。
HTML5 <caption> 标签
实例
HTML5 <caption>标签用来为表格定义一个标题,使用示例如下:
带有标题的表格:
<table border="1">
<caption>Monthly savings</caption>
<tr> <th>Month</th> <th>Savings</th> </tr>
<tr> <td>January</td> <td>$100</td> </tr>
</table>
尝试一下 »
浏览器支持
所有主流浏览器都支持 <caption> 标签。
标签定义及使用说明
<caption> 标签定义表格的标题。
<caption> 标签必须直接放置到 <table> 标签之后。
您只能对每个表格定义一个标题。
提示:通常这个标题会被居中于表格之上。然而,CSS 属性 "text-align" 和 "caption-side" 能用来设置标题的对齐方式和显示位置。
HTML 4.01 与 HTML5之间的差异
HTML5 不支持 align 属性。
HTML 4.01 已废弃 align 属性。
属性
属性 | 值 | 描述 |
---|---|---|
align (已废弃) | left right top bottom |
HTML5 不支持。HTML 4.01 已废弃。 定义标题的对齐方式。 |
使用说明: 当 <table> 元素是 <caption> 的父元素,caption是 <figure> 元素的唯一后代的时候,使用 <figcaption> 元素替代 caption 元素
全局属性
<caption> 标签支持 HTML 的全局属性。
事件属性
<caption> 标签支持 HTML 的事件属性。
查看全文
本文来自互联网用户投稿,该文观点仅代表作者本人,不代表本站立场。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如若转载,请注明出处:http://www.dgrt.cn/a/2211031.html
如若内容造成侵权/违法违规/事实不符,请联系一条长河网进行投诉反馈,一经查实,立即删除!
相关文章:
HTML5 <colgroup> 标签、HTML5 <caption> 标签
HTML5 <colgroup> 标签 实例
HTML5 <colgroup>标签可以组合<col>标签。
<colgroup> 和 <col> 标签为表格中的三个列设置了背景色: <table border"1"><colgroup><col span"2" style"backgr……
Nancy如何接收POST过来的Json数据
当Nancy版本为2.0.0.0时
string postData Request.Body.AsString;
当Nancy版本为1.4.5.0时
自己写一个扩展方法,代码如下 /// <summary>/// Extensions for Stream/// </summary>public static class StreamExtensions{internal const int BufferSi……
uniapp 开发小程序——点击预览文件
1、问题描述:
点击文字-打开文件进行预览:
2、解决:
使用uni.openDocument 新开页面打开文档,支持格式:doc, xls, ppt, pdf, docx, xlsx, pptx。
<view class"formwork" click"openFile()"……
【Leetcode-70.爬楼梯 -88.合并两个有序数组】
Leetcode-70. -88.Leetcode-70. 爬楼梯Leetcode-88. 合并两个有序数组Leetcode-70. 爬楼梯
题目:假设你正在爬楼梯。需要 n 阶你才能到达楼顶。每次你可以爬 1 或 2 个台阶。你有多少种不同的方法可以爬到楼顶呢? 其中,1 < n < 45 递归……
springboot(二)添加logback日志
springboot默认引入logback相关的jar包
1、在 Application.properties里添加 [java] view plaincopylogging.configclasspath:logback-spring.xml 当文件名为logback.xml或者logback-spring.xml时不需要配置logging.config2、创建logback-spring.xml文件:
3、&am……
HttpClient在HTTP协议接口测试中的使用
HTTP协议的接口测试中,使用到最多的就是GET请求与POST请求,其中POST请求有FORM参数提交请求与RAW请求,下面我将结合HttpClient来实现一下这三种形式:
一.GET请求: GET请求时,参数一般是写在链接上的,代码如……
ECharts使用心得
ECharts使用心得
前言
上周项目组要临时给客户做一个演示的原型,首页设计的是一个中国地图,本来打算用谷歌的地图,但是,做出来之后,整体的效果看起来太差了,最后就在网上搜相关的地图呈现的控件ÿ……
编程日记2023/4/6 13:15:34
html5利用websocket完成的推送功能(tomcat)
利用websocket和java完成的消息推送功能,服务器用的是tomcat7.0.42,一些东西是自己琢磨的,也不知道恰不恰当,不恰当处,还请各位见谅,并指出。 程序简单来说,就是客户A可以发送消息给客户B&#……
编程日记2023/4/6 13:15:34
学会用各种姿势备份MySQL数据库
前言 我们试着想一想, 在生产环境中什么最重要?如果我们服务器的硬件坏了可以维修或者换新, 软件问题可以修复或重新安装, 但是如果数据没了呢?这可能是最恐怖的事情了吧, 我感觉在生产环境中应该没有什么比数据跟更为重要. 那么我们该如何保证数据不丢失……
编程日记2023/4/6 13:15:33
ajax嵌套ajax
第一种
描述:如果条件许可,把两次请求都放在服务端处理掉一起发回来,这些就在客户端只有一次ajax了
优点:代码放在服务端,安全性比较,且服务端处理速度较快
缺点:可能请求的数据格式是json,这样在服务端处理JSON数据还需要对JSON进行反序列……
vscode开发常用的工具栏选项,查看源码技巧以及【vscode常用的快捷键】
一、开发常用的工具栏选项
1、当前打开的文件快速在左侧资源树中定位: 其实打开了当前的文件已经有在左侧资源树木定位了,只是颜色比较浅 2、打开太多文件的时候,可以关闭 3、设置查看当前类或文件的结构 OUTLINE
相当于idea 查看当前类或接……
数据要素化条件之一:原始性
随着技术的发展,计算机不仅成为人类处理信息的工具,而且逐渐地具有自主处理数据的能力,出现了替代人工的数据智能技术。数据智能的大规模使用需要关于同一分析对象或同一问题的、来源于不同数据源的海量数据。这种数据必须是针对特定对象的记……
【面试题 高逼格利用 类实现加法】编写代码, 实现多线程数组求和.
编写代码, 实现多线程数组求和.关键1. 数组的初始化关键2. 奇偶的相加import java.util.Random;public class Thread_2533 {public static void main(String[] args) throws InterruptedException {// 记录开始时间long start System.currentTimeMillis();// 1. 给定一个很长的……
一个python训练
美国:28:麻省理工学院,斯坦福大学,哈佛大学,加州理工学院,芝加哥大学,普林斯顿大学,宾夕法尼亚大学,耶鲁大学,康奈尔大学,哥伦比亚大学,密歇根大学安娜堡分校,约翰霍普金斯大学,西北大学,加州大学伯克利分校,纽约大学,加州大学洛杉矶分校,杜克大学,卡内基梅隆大学,加州大学圣地……
Mybatis03学习笔记
目录 使用注解开发
设置事务自动提交
mybatis运行原理
注解CRUD
lombok使用(偷懒神器,大神都不建议使用)
复杂查询环境(多对一)
复杂查询环境(一对多)
动态sql环境搭建
动态sql常用标签……
编程日记2023/4/16 14:55:50
设置或取得c# NumericUpDown 编辑框值的方法,(注意:不是Value值)
本人在C#开发中使用到了NumericUpDown控件,但是发现该控件不能直接控制显示值,经研究得到下面的解决办法
NumericUpDown由于是由多个控件组合而来的控件,其中包含一个类似TextBox的控件,若想取得或改变其中的值要使用如下方法
N……
编程日记2023/4/16 14:55:46
使用NPOI 技术 的SetColumnWidth 精确控制列宽不能成功的解决办法(C#)
在使用NPOI技术开发自动操作EXCEL软件时遇到不能精确设置列宽的问题。
如
ISheet sheet1 hssfworkbook.CreateSheet("Sheet1");
sheet1.SetColumnWidth(0, 50 * 256); // 在EXCEL文档中实际列宽为49.29
sheet1.SetColumnWidth(1, 100 * 256); // 在EXCEL文……
编程日记2023/4/16 14:55:46
Mysql 数据库zip版安装时basedir datadir 路径设置问题,避免转义符的影响
本人在开发Mysql数据库自动安装程序时遇到个很奇怪的问题,其中my.ini的basedir 的路径设置是下面这样的:
basedir d:\测试\test\mysql
但是在使用mysqld安装mysql服务时老是启动不了,报1067错误,后来查看window事件发现一个独特……
java stream sorted排序 考虑null值
项目里使用到排序, java里没有像C# 里的linq,只有stream,查找stream.sorted源码看到有个
Comparator.nullsLast
然后看了一下实现,果然是能够处理null值的排序,如:minPriceList.stream().sorted(Comparator.comparing(l -> l.g……
spring @EnableConfigurationProperties 实现原理
查看DataSourceAutoConfiguration源码,发现如下代码: Configuration ConditionalOnClass({ DataSource.class, EmbeddedDatabaseType.class }) EnableConfigurationProperties(DataSourceProperties.class) Import({ DataSourcePoolMetadataProvidersCon……
编程日记2023/4/16 14:55:44