HTML基础知识（4）

表格基础标签都遵循双标签的基本结构

table标签就是表格的意思，tr意为表格行，td意为表格数据单元。

不要在table标签和tr标签里面包裹其他标签，如果想增强表现力，可以将其他标签放在td标签里面。

每个tr标签里面td标签的个数是相等的

th标签，意为表头单元格，语法和td类似，需要被包裹在tr标签里面，th标签里面的文本加粗并居中显示。

给table标签加上一个border属性，定义线条的粗细

给table标签加上一个width属性，定义表格的总宽度

给table标签加上一个height属性，定义表格的总高度

给table标签加上一个cellspacing属性，定义是单元格之间的距离

给table标签加上一个cellpadding属性，定义单元格边框和文本之间的距离

给table标签加上一个align属性，有left左对齐，center居中对齐，right右对齐

给table标签加上一个bgcolor属性，用来修饰表格的背景颜色

给table标签加上一个bordercolor属性，用来修饰表格的边框颜色

tr标签里面高度值设成一个数字，如果某一单元格的内容增加或者减少，就会出现单元格大小不一致的情况，这个被挤压的情况，就是由于表格的整体高度固定为150，第一行高度占了多少，剩余几行平均分配剩余高度。

W3C官方公布的tr属性里没有宽度属性的

如果在表格的不同标签上定义了相同属性，浏览器会采取就近的原则来渲染，后代标签属性渲染是高于父级标签的

添加到tr标签的每一个属性，都能作用到这一行的每个td单元格上。

align属性，align属性是用来设置tr内部所有单元格内容的水平对齐方式，属性值有：left（左对齐），center（居中对齐），right（右对齐）

valign属性，valign属性是用来设置tr内部所有单元格内容的垂直对齐方式，属性值有：top（顶部对齐），middle（居中对齐），bottom（底部对齐）

width属性，设置单元格宽度，调整任何单元格的宽度，都会影响该单元格所在列的所有单元格的宽度

height属性，设置单元格高度，调整任何单元格的高度，都会影响该单元格所在列的所有单元格的高度

bgcolor属性，设置单元格背景色，设置在tr标签上时会设置一整行单元格的背景颜色，添加在td标签上时只会设置该单元格的背景颜色

align属性，单元格内容的水平对齐方式，left（左对齐），center（居中对齐），right（右对齐）

valign属性，单元格内容的垂直对齐方式，top（顶部对齐），middle（居中对齐），bottom（底部对齐）

1.横向合并（水平合并）

在需要合并的第一个单元格里的td标签里面添加colspan属性，它的值就是合并列的总数

2.纵向合并（垂直合并）

在需要合并的第一个单元格里的td标签里面添加rowspan属性，它的值就是合并行的总数

单元格的合并必定会产生跨行或跨列

效果如下：

caption标签，双标签，是table标签的子标签，一般放置在tr标签的上面。

thead表格头标签

tbody表格体标签

tfoot表格尾标签

表格如果没有使用任何分组标签，浏览器在渲染时，会把table中所有未分组的tr放在一个tbody标签里面。

一个表格只允许使用一个thead标签和一个tfoot标签，但是允许使用多个tbody标签。

colgroup列分组标签

span属性：取值为一个数值，意为多少列分成一组

如果需要划分多组，需要使用多个colgroup标签

效果如下：