HTML学习记录二:html标签（二）：表格标签

一、表格标签写法

<table>
<caption>表头名</caption><!--表头会跟着表格走-->
<thead><!--头部一般是表格的一些标题，thead,tbody,tfoot一般不写，里面的td也不写-->
	<th></th><!--一般<thead>都写th，写在th里面的字会自动加粗居中-->
	<th></th> 
	<th></th>
</thead>
<tbody><!--身体-->
<tr> <!--行-->
	<td></td><!--列-->
	<td></td><!--列-->
	<td></td><!--列-->
</tr>
</tbody>
<tfoot><!--底部-->
<tr>
	<td></td><!--表示第二行第一列-->
	<td></td><!--表示第二行第二列-->
	<td></td>
</tr>
</tfoot>
</table>表格

       <table></table>标签用于在HTML文档中创建表格。表格里面的格子叫单元格，用<td></td>标签定义。<tr></tr>标签定义的是行。

二、表格的结构

       表格一般由表头，主体和页脚。
       <thead></thead>：用于定义表格的头部，必须位于<table></table>标签之中。表头一般放的都是表格的标题。
       <tbody></tbody>：用于定义表格的主体，位于<table></table>标签中，<thead></thead>标签之后。
       <tfoot></ tfoot >：用于定义表格的页脚，位于<table></table>标签中，<tbody></tbody>标签之后。

三、表格的属性

       表格的属性有很多，有的写在<table></table>标签中，有的写在<tr></tr>标签或者<td></td>标签之中。
       写在<table></table>标签中的属性：

属性	作用
align	表格的对齐方式，left左对齐，center居中对齐，right右对齐
bgcolor	设置表格的背景颜色
borde	表格的边框，默认值为1，表示边框粗细，写了之后会应用到单元格，但是修改的话只会影响表格的外边框
width	表格的宽度
height	表格的高度，写了之后不会影响表头的高度，会拉升单元格的高度
cellspacing	单元格之间的间距,默认为2px,为0的时候表格间是没有间距的 ，但是有边框的话，边框会重叠再一起
cellpadding	单元格边界与单元格内容之间的间距,默认为1像素
frame	规定表格外侧边框的那个部分是否可见
frame	void:外侧边框 不显示，box:所有的外侧边框都显示；border:所有的外侧边框都显示；等同于box，没有任何区别 ；above:显示外侧边框的上侧；below显示外侧边框的下侧；lhs:显示外侧边框的左侧；rhs:显示外侧边框的右侧；hsides：显示外侧边框的上下侧；vsides：显示外侧边框的左右侧
rules	指定表格内侧边框的那个部分是否可见
rules	none:不显示内线条，all:显示全部内线条；rows:显示行之间的线条；cols:显示列之间的线条；groups:显示行组和列组之间的线条，即表头和主体之间有线，行与行之间

四、表格的一些操作

1.表格所有相邻单元格的边框合并

     这是要写在style里的属性，和写在标签中的不一样，直接写在标签中不起作用

<table style="border-collapse:collapse"></table>

2.去表格外边框

<table style="border:0"></table>

也是要写在style里面，

3.表格缩写

table>tr * 几行>td * 几列

4.两个单元格合并

写在td标签中，要注意要把被合并的单元格注释掉或者不写，其实就是写属性的单元里面再加一个长度的单元格，所以要把后面的存在的单元格删掉，不然会多出来一个。要是后面没有单元格的话，再写会往后再加一个，撑大表格。

<table>
<tr>
   <td colspan="2"></td><!-- colspan是左右合并单元格，向左合并，写几就是合并几个，最少是2，要把自己也算进去-->
  <!-- <td></td>-->
   <td rowspan="2"></td><!-- rowspan是上下合并单元格，向上合并，写几就是合并几个-->
</tr>
<tr>
   <td></td>
   <td></td>
  <!-- <td></td>-->
</tr>
</table>

5.单元格内容垂直对齐

即文字在单元格之中垂直对齐

<td valign="top/middle/bottom"></td>