Html网页表格结构化标记该如何使用

php中世界最好的语言
发布: 2018-01-20 09:43:40
原创
1976 人浏览过

这次给大家带来Html网页表格结构化标记该如何使用,Html网页表格结构化标记使用的注意事项有哪些,下面就是实战案例,一起来看一下。

Html表格的结构化

所谓的结构化,就是把我们的表格划分为三种:表头、表体、表尾。从而当我们在修改表体部分的时候,不会影响到其它两部分,从而解除了耦合,方便我们的应用。

结构化格式

… --------表头区     
…---------表体区     
…------------表尾区     
登录后复制

总结:通过把表格划分为三部分,方便了我们对表格的编辑操作。

Html表格的标题

每个表格都有自己的标题,正如上述第二幅图片所示,那么又如何做到让标题随着内容来移动呢?

表格的标题

登录后复制

下的属性值有:

属性名称

属性值

说明

align

Top

标题在表格上方

Bottom

标题在表格下方

小结:通过设置表格的标题,能够随时让标题跟着表格动。
Html直列化格式

什么是表格的直列化格式呢?我们平常在Excel中所见到的给整列加背景颜色,说的就是这么一回事。

     
     
     
  • 表格嵌套的使用一
  • 学生成绩表
    姓名 语文 数学 外语
    张三 95 95 95
    张三 95 95 95
    张三 95 95 95
    成绩汇总

  • 表格嵌套的使用二
  • 学生成绩
    姓名 语文 数学 外语
    张三 95 95 95
    张三 95 95 95
    张三 95 95 95
    成绩汇总

  • 表格嵌套的使用三
  • 学生成绩
    姓名 语文 数学 外语
    张三 95 95 95
    张三 95 95 95
    张三 95 95 95
    登录后复制

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

    相关阅读:

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

    H5的本地存储和本地数据库详细介绍

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

    以上是Html网页表格结构化标记该如何使用的详细内容。更多信息请关注PHP中文网其他相关文章!

    相关标签:
    来源:php.cn
    本站声明
    本文内容由网友自发贡献,版权归原作者所有,本站不承担相应法律责任。如您发现有涉嫌抄袭侵权的内容,请联系admin@php.cn
    最新问题
    热门教程
    更多>
    最新下载
    更多>
    网站特效
    网站源码
    网站素材
    前端模板
    关于我们 免责声明 Sitemap
    PHP中文网:公益在线PHP培训,帮助PHP学习者快速成长!