您好!欢迎来到静学网! 注册 登入

  • 静学网专注SEO优化技术视频教程案例分析、算法知识,在这里免费学习到最新的SEO技术,让你轻松通往SEO高工程师级之路,全新的SEO算法将在这里得到解剖。同时静学网提供网站开发、app开发、移动开发、电商、自媒体、行业资讯等内容,丰富及弥补自己的知识体系,让你在未来更具有竞争力。

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

SEO视频 卢育永 次浏览
这两个标签看上去比较简单,单从词义上分析可以解释为列或者列组,两个标签可以一起使用也可以分开使用,都是成立的,两者是有细微差别的,<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)
100%
踩一下
(0)
0%
发表评论
请自觉遵守互联网相关的政策法规,严禁发布色情、暴力、反动的言论。
评价:
用户名: 验证码:点击我更换图片
合作伙伴:
SEO 关键词排名 SEO优化