作业-表格相关

Table

标签定义 HTML 表格。

简单的 HTML 表格由 table 元素以及一个或多个 tr、th 或 td 元素组成。

tr 元素定义表格行,th 元素定义表头,td 元素定义表格单元。

更复杂的 HTML 表格也可能包括 caption、col、colgroup、thead、tfoot 以及 tbody 元素。

作业-表格相关_第1张图片


colspan和rowspan这两个属性用于创建特殊的表格。colspan="0" 指示浏览器横跨到列组的最后一列。

colspan是“column span(跨列)”的缩写。colspan属性用在td标签中,用来指定单元格横向跨越的列数

在浏览器中将显示如下:

该例通过把colspan设为“3”, 令所在单元格横跨了三列。如果我们将colspan设为“2”,则该单元格将只跨越两列,于是有必要在第一行插入另外一个单元格,以确保两行占据相同的列数。

该例在浏览器中将显示如下:

rowspan的作用是指定单元格纵向跨越的行数

浏览器中将显示如下

作业-表格相关_第2张图片


作业-表格相关_第3张图片

标签定义 HTML 表格中的行。 元素包含一个或多个th或td元素。

标签定义 HTML 表格中的标准单元格。

HTML 表格有两类单元格:

表头单元 - 包含头部信息(由 th 元素创建)

标准单元 - 包含数据(由 td 元素创建)

td 元素中的文本一般显示为正常字体且左对齐。

  表示空格

margin:0 auto  表格居中


border-collapse:separate | collapse    设置或检索表格的行和单元格的边是合并还是独立。

separate:边框独立

collapse:相邻边被合并


作业-表格相关_第4张图片


作业-表格相关_第5张图片

你可能感兴趣的:(作业-表格相关)