专栏首页Html5知典<colgroup>标签

<colgroup>标签

用途

<colgroup> 标签定义表格中的一组列表,以便于进行格式化,且只能在<table>元素中使用。

例子

<table width="100%" border="1"> 
<colgroup span="3" style="background: green"> </colgroup> 
    <tr> 
        <td>1</td> 
        <td>2</td> 
        <td>3</td> 
        <td>4</td>
    </tr> 
    <tr> 
        <td>1</td> 
        <td>2</td> 
        <td>3</td> 
        <td>4</td> 
    </tr> 
</table>

执行结果

1

2

3

4

1

2

3

4

变更点

<colgroup> 标签在HTML5与HTML4.01之间存在如下差异

  • HTML5有一些新的属性,同时不再支持以下的HTML4.01属性
  1. align 原用于规定列中的单元格组合中的水平对齐方式。
  2. char 原用于定义一个字符,并按照该字符对齐文本。
  3. charoff 原用于规定第一个对齐字符的偏移量。
  4. valign 原用于定义列中的单元格内容的垂直对齐方式。
  5. width 原用于规定列组合的宽度。

本文分享自微信公众号 - Html5知典(gh_5b9c8e323efa),作者:hudao

原文出处及转载信息见文内详细说明,如有侵权,请联系 yunjia_community@tencent.com 删除。

原始发表时间:2018-07-26

本文参与腾讯云自媒体分享计划,欢迎正在阅读的你也加入,一起分享。

我来说两句

0 条评论
登录 后参与评论

相关文章

  • <col>标签

    <col> 标签定义表格中一个或多个列的属性值。通常在<colgroup>元素内。

    Html5知典
  • <tbody>

    <tbody> 标签定义HTML表格的主体内容。使用<tbody>元素,可以将表格分为一个单独的部分。其一般同<thead>和<tfoot>元素组合起来使用,前...

    Html5知典
  • <thead>标签

    <thead> 标签定义HTML表格的表头,并用于组合HTML表格的头部内容。<thead>应与<tbody>和<tfoot>标签结合起来使用。<tbody>元...

    Html5知典
  • JS-结合html综合练习js的对象——班级成绩表制作

    xing.org1^
  • 《HTML5实战》Lesson03

    Week03     2016/09/28上午1-4节 一、复习上节课内容: 二、自己完成登陆明细部分P43:代码清单2-3 1,<fieldset>、<leg...

    用户1733354
  • Python自定义HtmlTestRunner测试报告

    简述 使用selenium webdriver + Python做自动化测试,执行完成后要生成测试报告,Python我们使用的HTMLtest...

    苦叶子
  • .Net Core 导出Html到PDF

      最近由于项目的需求问题,涉及到了在.Net Core中导出PDF的一个问题,最后选择方式是后端拼接到Html页面然后再通过Html导出到PDF。中间也尝试了...

    小世界的野孩子
  • JavaScript实例---表格隔行变色以及移入鼠标高亮

    <!DOCTYPE HTML> <html> <head> <meta charset="utf-8"> <title>index</title> <style...

    用户1624346
  • JQ实现计算器功能

    下面是计算器的实现方法,主要是使用了JQ,设计原型依据小米手机计算器,实现了基础的单步骤运算,做了简单的校验判断,实现了加减乘除取余等功能;

    申霖
  • JQ实现表格全选、反选功能

    下面代码是使用JQ,实现表格列表的全选和反选功能,实际较为简单,主要做为教学使用:

    申霖

扫码关注云+社区

领取腾讯云代金券