Table
标签定义 HTML 表格。
简单的 HTML 表格由 table 元素以及一个或多个 tr、th 或 td 元素组成。
tr 元素定义表格行,th 元素定义表头,td 元素定义表格单元。
更复杂的 HTML 表格也可能包括 caption、col、colgroup、thead、tfoot 以及 tbody 元素。
![](https://img.haomeiwen.com/i7610882/ef8fcfd0f5575e55.png)
colspan和rowspan这两个属性用于创建特殊的表格。colspan="0" 指示浏览器横跨到列组的最后一列。<http://blog.csdn.net/jcx5083761/article/details/7724754>
colspan是“column span(跨列)”的缩写。colspan属性用在td标签中,用来指定单元格横向跨越的列数:
在浏览器中将显示如下:
![](https://img.haomeiwen.com/i7610882/820a5fcf93e60a05.png)
该例通过把colspan设为“3”, 令所在单元格横跨了三列。如果我们将colspan设为“2”,则该单元格将只跨越两列,于是有必要在第一行插入另外一个单元格,以确保两行占据相同的列数。
该例在浏览器中将显示如下:
![](https://img.haomeiwen.com/i7610882/cf60923a084da79e.png)
rowspan的作用是指定单元格纵向跨越的行数。
浏览器中将显示如下
![](https://img.haomeiwen.com/i7610882/e2fb8ab8627b8722.png)
![](https://img.haomeiwen.com/i7610882/d6fb0ee5fb66d0a7.png)
标签定义 HTML 表格中的行。 元素包含一个或多个th或td元素。
标签定义 HTML 表格中的标准单元格。
HTML 表格有两类单元格:
表头单元 - 包含头部信息(由 th 元素创建)
标准单元 - 包含数据(由 td 元素创建)
td 元素中的文本一般显示为正常字体且左对齐。
  表示空格
margin:0 auto 表格居中
border-collapse:separate | collapse 设置或检索表格的行和单元格的边是合并还是独立。
separate:边框独立
collapse:相邻边被合并
![](https://img.haomeiwen.com/i7610882/3625697979662aa9.png)
![](https://img.haomeiwen.com/i7610882/1d47abae14586809.png)
网友评论