首页 > 编程 > HTML > 正文

HTML table的直列化格式是什么

2020-03-24 16:29:53
字体:
来源:转载
供稿:网友
这次给大家带来HTML table的直列化格式是什么,使用HTML table的直列化格式的注意事项有哪些,下面就是实战案例,一起来看一下。

直列化格式

colgroup ... /colgroup

QQ截图20180120094645.png

个别直列设置

格式: col 功能完全和 colgroup 一样

注意设置第一行的DOCTYPE为xhtml会导致colgroup失效

 !DOCTYPE html PUBLIC -//W3C//DTD XHTML 1.0 Transitional//EN http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd  html xmlns= http://www.w3.org/1999/xhtml  head  title 表格的直列化格式 /title  /head  body  table cellpadding= 5px cellspacing= 0px border= 1px bordercolor= black  !--说明:用两组colgroup标签来控制整个第三列显示为红色  第一组colgroup中的span= 2 相当于一个占位符,这样第三列(数学这一整列)就会显示为红色  同理,如果设置span= 3 ,则第四列(英语这一整列)会显示为红色  colgroup span= 2 /colgroup  colgroup bgcolor= red /colgroup  !-- col 功能完全和 colgroup 一样  设置 col 标签达到和 colgroup 一样的功能  这里加了一个align= right 单独设置第三列(数学这一整列)右对齐  col span= 2 /  col bgcolor= red align= right /  caption align= left 学生成绩表 /caption  th 姓名 /th  th 语文 /th  th 数学 /th  th 英语 /th  /tr  td 张三 /td  td 90 /td  td 89 /td  td 99 /td  /tr  td 李四 /td  td 98 /td  td 92 /td  td 96 /td  /tr  td 王五 /td  td 92 /td  td 97 /td  td 91 /td  /tr  td 总分 /td  td 200 /td  td 200 /td  td 200 /td  /tr  /table  /body  /html 

相信看了这些案例你已经掌握了方法,更多精彩请关注php 其它相关文章!

相关阅读:

怎样用h5的sse服务器发送EventSource事件

用H5和C3实现简单的时钟效果

在Canvas中如何实现自定义路径动画?

以上就是HTML table的直列化格式是什么的详细内容,html教程

郑重声明:本文版权归原作者所有,转载文章仅为传播更多信息之目的,如作者信息标记有误,请第一时间联系我们修改或删除,多谢。

发表评论 共有条评论
用户名: 密码:
验证码: 匿名发表