关于HTML colgroup 标签介绍

转自：微点阅读 https://www.weidianyuedu.com

实例

两个 colgroup 元素为表格中的三列规定了不同的对齐方式和样式（注意第一个 colgroup 元素横跨两列）：

<table width="100%" border="1"> <colgroup span="2" align="left"></colgroup> <colgroup align="right" style="color:#0000FF;"></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>

亲自试一试

浏览器支持

IEFirefoxChromeSafariOpera

所有主流浏览器都支持 <colgroup> 标签。

Firefox、Chrome 以及 Safari 仅支持 colgroup 元素的 span 和 width 属性。

定义和用法

<colgroup> 标签用于对表格中的列进行组合，以便对其进行格式化。

如需对全部列应用样式，<colgroup> 标签很有用，这样就不需要对各个单元和各行重复应用样式了。

<colgroup> 标签只能在 table 元素中使用。

HTML 与 XHTML 之间的差异

NONE

提示和注释：

提示：请为 <colgroup> 标签添加 class 属性。这样就可以使用 CSS 来负责对齐方式、宽度和颜色等等。

注释：col 元素是仅包含属性的空元素。如需创建列，您就必须在 tr 元素内部规定 td 元素。

参见：<col> 标签。

可选的属性

属性值描述

align

right

left

center

justify

char

定义在列组合中内容的水平对齐方式。

charcharacter规定根据哪个字符来对齐列组中的内容。

charoffnumber规定第一个对齐字符的偏移量。

spannumber规定列组应该横跨的列数。

valign

top

middle

bottom

baseline

定义在列组合中内容的垂直对齐方式。

width

pixels

relative_length

规定列组合的宽度。

全局属性

<colgroup> 标签支持 HTML 中的全局属性。

事件属性

<colgroup> 标签支持 HTML 中的事件属性。

关于HTML colgroup 标签介绍相关推荐

html table colgroup,关于HTML colgroup标签的用法你知道哪些？colgroup用法和col的详细介绍...
html中colgroup是什么意思?HTML colgroup标签的用法你又知道哪些?在这里,本篇文章就为大家介绍了关于HTML colgroup标签的用法详解,还有colgroup和col元素的详 ...
一款研发管理软件的对象标签介绍
如果你了解WIKI,WIKI中的所有信息链接以标签的方式网状关联.TOPO系统中实现了完整的TAG功能,区别于目前市面上的其他类似管理系统,TOPO系统中实现的标签功能更加彻底和全面,例如完全用户自定 ...
html语言1002html语言,HTML基础和标签介绍
一.web前端的认识主要是解决用户体验,包括web网页和移动端,不管是针对哪一种,都有认识的态度去学习,多多联系. 二.网页的组成部分网页是由文字.图片.按钮.输入框.视频.音频...等元素组成. ...
HTML label标签介绍
label标签介绍 label标签为input元素定义标注(标记),它不会向用户呈现任何特殊效果,和span标签类似.但label标签和span标签最大的区别就是它为鼠标用户改进了可用性,可以关联特定 ...
xliff:g标签介绍：
<xliff:g>标签介绍: <string name="appwidget_text_format"><xliff:g id="prefi ...
html 中 col标签和 colgroup标签的区别
转载自https://www.ggbiji.com/html-col-colgroup.html <col>标签是给表格中一个或多个列定义属性值,而<colgroup>标签是对 ...
7.18 阿里巴巴企业黄页HTML实现、HTML标签介绍、frameset框架、HTML5标签、CSS
阿里巴巴企业黄页HTML实现.HTML标签介绍.frameset框架.HTML5标签.CSS 一.阿里巴巴企业黄页HTML 二.HTML标签介绍三.frameset框架.iframe框架 frame ...
php html block,HTML的blockquote标签介绍
HTML 标签所有主流的浏览器均支持标签. 注释:没有浏览器能够正确地显示 cite 属性. ( 推荐学习:html教程 ) 定义和用法标签定义块引用. 与之间的所有文本都会从常规文本中分离出 ...
[MyBatis学习笔记] 二、Mybatis基本操作及相关标签介绍
[MyBatis学习笔记] 二.Mybatis基本操作及相关标签介绍一.Mybatis简介二.简单的CRUD操作 1.构建SqlSessionFactory (1)编辑mybatis-config ...

关于HTML colgroup 标签介绍

关于HTML colgroup 标签介绍相关推荐

最新文章

热门文章