您好!欢迎来到静学网! 注册 登入
  • 致力提供中国优质IT教程及新媒体资讯,打造中国品牌教育先锋。

详解html中<colgroup>与<col>标签的使用

课程目录 卢育永 次浏览
这两个标签看上去比较简单,单从词义上分析可以解释为列或者列组,两个标签可以一起使用也可以分开使用,都是成立的,两者是有细微差别的,<colgroup> 标签用于对表格中的列进行组合,以便对其进行格式化,<colgroup> 标签只能在 table 元素中使用。而<col> 标签为表格中一个或多个列定义属性值,只能在table或者<colgroup>标签中使用。相关属性是一样的,align(right 、left、center、justify、char)、char(character)、charoff(number)、span(number)、valign(top、middle、bottom、baseline)、width,其中有些属性浏览器是不兼容的。不过经测试发现其字体样式不能改变,只能改变表格样式。
 
代码示例:
 
<!DOCTYPE html>
<html>
<head> 
<meta charset="utf-8"> 
<title>SEO精学网</title> 
</head>
<body>
 
<table border="1">
 
  <colgroup span="2" style="background-color:#00ff00;"></colgroup>
 
  <tr>
    <th>1</th>
    <th>2</th>
    <th>3</th>
  </tr>
 
    <tr>
    <th>1</th>
    <th>2</th>
    <th>3</th>
  </tr>
 
</table>
 
<table border="1">
 
  <col span="2" style="background-color:#ff0000;">
 
  <tr>
    <th>1</th>
    <th>2</th>
    <th>3</th>
  </tr>
 
    <tr>
    <th>1</th>
    <th>2</th>
    <th>3</th>
  </tr>
 
</table>
 
</body>
</html>


运行结果:
<col>标签


静学网 , 版权所有丨如未注明 , 均为原创丨转载请注明详解html中<colgroup>与<col>标签的使用
顶一下
(1)
踩一下
(0)
畅所欲言
请自觉遵守互联网相关的政策法规,严禁发布色情、暴力、反动的言论。
用户名: 验证码:点击我更换图片
最新评论
友情链接:
自学网
本网站所刊载信息,不代表静学网观点。 刊用本网站稿件,务经书面授权或注明来源。 未经授权禁止转载、摘编、复制及建立镜像,违者将依法追究法律责任。 投稿邮箱:1870447831@qq.com | 举报邮箱:1870447831@qq.com