HTML 标签 HTML <b>字体加粗 标签HTML <big> 大号字体 标签HTML <em> 强调标签HTML <strong> 重要事务标签HTML <dfn>定义实例标签HTML <code> 计算机代码 标签HTML <samp> 计算机输出 标签HTML <kbd> 用户输入 标签HTML <var> 变量 标签HTML <cite> 作品标题 标签HTML <i> 字体斜体 标签HTML <small> 侧记 标签HTML <sup>上标 标签HTML <sub>下标 标签HTML <ins>插入 标签HTML <del>删除 标签HTML <s>删除 标签HTML <strike> 删除标签HTML <u>下划线 标签HTML <tt>打印机文字 标签HTML <pre>预格式化的文本 标签HTML <abbr>缩写体 标签HTML <acronym>首字母缩写 标签HTML <address>联系信息 标签HTML <bdo>覆盖文本方向 标签HTML <blockquote> 长引用 标签HTML <q> 短引用 标签HTML <link> 外部资源 标签HTML <style> 样式标签HTML <title> 标题标签HTML <base>文档根 URL标签HTML <meta> 元数据标签HTML <script> 脚本标签HTML <noscript> 不支持脚本标签HTML <command> 定义命名标签HTML <head> 头部标签HTML <map> 图像映射标签HTML <img> 图像标签HTML <area> 图像映射区域标签HTML <a> 超链接标签HTML <div>块标签HTML <span>局部布局标签HTML <form> 表单 标签HTML <optgroup>选项组 标签HTML <option>选项 标签HTML <select> 下拉列表 标签HTML <datalist> 选项列表 标签HTML <input> 表单交互 标签 HTML <textarea> 多行文本 标签HTML <button> 按钮 标签 HTML <legend> 分组标题 标签HTML <fieldset> 分组 标签 HTML <label> 标识 标签 HTML <h1><h2><h3><h4><h5><h6>标题 标签HTML <hr> 水平线 标签HTML <ol> 有序列表 标签 HTML <li> 列表项 标签HTML <ul> 无序列表 标签HTML <dl>描述列表 标签HTML <dt>描述列表项目名 标签HTML <dd>描述列表子项目 标签HTML <output>输出 标签 HTML <p>段落 标签HTML <table>表格 标签HTML <tr>表格行 标签HTML <th>表标题 标签HTML <td>表单元格 标签HTML <caption>表名称 标签HTML <col>列属性 标签HTML <colgroup>列组合 标签HTML <thead>表格表头 标签HTML <tbody>表格主体 标签HTML <tfoot>表格底部 标签HTML <br>换行 标签HTML <object>对象 标签HTML <iframe>标签HTML <header> 区域页眉 标签HTML <footer> 区域页脚 标签HTML 参考手册 HTML 全局属性HTML 事件属性HTML 世界语言代码缩略词ascii码对照表HTML 完整的 ISO-8859-1 参考手册HTML 符号实体参考手册HTML 字符集HTML URL编码表HTML Canvas 参考手册

HTML <col>列属性 标签

<col>标签设置表格列(整列)属性。可对一列或多列应用样式,而不需要重复为每个单元格或每一行设置样式。<col> 标签没有结束标签。与组合标签<colgroup>一起使用则表示同组列属性。

案例

本案例设置了三列属性背景颜色,第三列没有设置

col标签

<table border="1">
  <col style="background-color:red">
  <col style="background-color:#FFFF00">
  <col>
  <col style="background-color:red">
  <tr>
    <th>教程课程</th>
    <th>学习天数</th>
    <th>学习难度</th>
    <th>学习费用</th>
  </tr>
  <tr>
    <th>php</th>
    <th>7天</th>
    <th>中等</th>
    <th>免费</th>
  </tr>
  <tr>
    <th>HTML</th>
    <th>6天</th>
    <th>简单</th>
    <th>免费</th>
  </tr>
</table>

运行代码

注意您只能在<table>或 <colgroup>元素中使用 <col> 标签。

支持浏览器

ChromeIEFirefoxsafarioprea

<col>属性
属性描述
alignleft
right
center
justify
char
HTML5 不支持。暂时没有浏览器支持该属性。设置col元素相关的内容的水平对齐方式。
charcharacterHTML5 不支持。暂时没有浏览器支持该属性。规定根据哪个字符来对齐与 <col> 元素相关的内容。
charoffnumberHTML5 不支持。暂时没有浏览器支持该属性。规定第一个对齐字符的偏移量。
spannumber设置列属性应用到多少列(横跨数)。
valigntop
middle
bottom
baseline
HTML5 不支持。暂时没有浏览器支持该属性。设置<col> 元素相关的内容的垂直对齐方式。
width%
pixels
relative_length
HTML5 不支持。设置col 元素(列)的宽度。

<col>标签和<colgroup>标签区别

col和colgroup两个标签属性都是一样的,基本功能都是一样的。<col>标签是给表格中一个或多个列定义属性值,而<colgroup>标签是对表格中的列进行组合。简单的说<colgroup>标签多一个可以嵌套的功能,在一个组合下还可以细分列。在比较复杂的样式设置的时候就可以用<colgroup>嵌套<col>标签使用。

案例

在表有很多列的时候,我们需要在第二列的宽度等于50,其它都等于100,第三列为红色,其它为黄色时候。<colgroup>嵌套<col>写法比较简单

$F2F6UUCAEF0Z7_ICTJA)_H.png

  <colgroup span="5" width="100" style="background-color:yellow">
    <col>
    <col width="50">
    <col style="background-color:red">
    <col>
    <col>
  </colgroup>

运行代码

语法

<col>

全局属性

<col>标签支持HTML 全局属性

事件属性

<col>标签支持HTML 事件属性