html表格

　　在html中，表格的运用也是非常的广泛的。今天小编就通过这篇文章来给大家介绍以下HTML中的表格的运用。对web开发感兴趣的小伙伴可以关注一下。

　　（一）table标签的实例

　　（1）简单的表格结构

　　如果想要在页面中显示表格，就能用table标签，用tr标签对表格的一行进行定义，用th标签包含表格的表头信息，用td标签包含表格每个单元格的信息，如下例：

　　显示效果：

　　（2）横向合并以及竖直合并的单元格

　　表格的单元格即可以横向合并又可以竖直合并的，用colspan横向合并单元格，用rowspan就能合并竖直单元格，如下例：

　　显示效果：

　　（3）表格结构框架thead，tbody，tfoot

　　在table标签当中使用thead，tbody，tfoot这些标签，对表格的头部，主干以及表尾进行强调，这样的话不管这些语句是否按照顺序来书写，解释器都可以识别正确的位置，如下例：

　　显示效果：

　　（二）表格列选择器colgroup

　　表格列选择标签colgroup，能帮我们很好的选择表格所进行着的css样式控制，如下例：

　　（1）选择表格的第一列

　　显示效果：

　　（2）用span选择两列

　　显示效果：

　　（3）只选其中的一列

　　显示效果：

　　要是想配置表格的第3第4列，能在col标签当中使用span属性，span属性的作用跟colgroup中的一样，就是说从第几列开始，往后选择几列：

　　table是属于块状元素，由于它每次出现都是独占一行，这并不意味所有独占一行的元素都属于块状元素，原因是块状元素和内联元素通过css是可以互相转换的，独占一行指的是在没有css控制的情况下，要是这个元素的出现独占一行，就能判断，这个元素就是块状元素。

　　以上个就是关于html中表格的内容啦。相信大家看完这个之后，都会对html有一定的了解了。我们网站会继续给大家发送关于html的文章，如果想要了解更多的关于html的内容，就可以关注我们网站：课课家教育。