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 학습자의 빠른 성장을 도와주세요!