Html实战3案例“类京东订单表格代码实现” 及表

  后面两个表格,可以使用两个tbody来完成,表格的合并使用rowspan和colspan来实现表格合并

  此案例中主要用到了table表中的thead和tbody,基于此,我们会系统的将如下知识点全部讲解:

  •...标签用于在HTML文档中创建表格。它包含表名和表格本身内容的代码。表格的基本单元是单元格,用...标签定义。

  •表格的每一行又有若干表格单元格,用...标签表示。TD是表格数据( Table Data)”的英文缩写。标签定义一个列,嵌套于标签内。

  •border属性是最常用的属性,可用于定义表格的单元格和结构。该属性指定边框的厚度,如果其值设置为零(0),则不显示边框。

  •caption 标签必须紧随 table 标签之后。您只能对每个表格定义一个标题。通常这个标题会被居中于表格之上。

  •表头一般位于表格的第一行或第一列,其文本加粗居中,如下图所示,即为设置了表头的表格。设置表头非常简单,只需用表头标记替代相应的单元格标记即可。

  在使用表格进行布局时,可以将表格划分为头部、主体和页脚,具体 如下所示:

  :用于定义表格的头部,必须位于标记中,一般包含网页的logo和导航等头部信息。

  :用于定义表格的页脚,位于标记中标记之后,一般包含网页底部的企业信息等。

  :用于定义表格的主体,位于标记中标记之后,一般包含网页中除头部和底部之外的其他内容。

相关阅读