简述HTML表格

格式

1、table： 定义表格。
2、tr：定义一行表格。
3、td：定义单元格。
4、th：定义每一列的标题，单元格里面的内容会自动加粗、居中。

<table>
			<tr>
				<td>
				
				</td>
			</tr>
			<tr>
				<th>
				
				</th>
			</tr>
</table>

常用属性

1、width：设置表格宽度。
2、border：设置表格边框，默认为0看不见，内容需要自己设置，按照顺序设置颜色、边框粗细、边框格式。
3、border-spacing：设置边框间隙，默认边框与边框间有间隙，去掉设置为0px。
4、border-collapse：设置边框是否覆盖，覆盖则设置为collapse，当两个边框在一起时，则覆盖为1个。
5、text-align：设置字体水平位置是center（居中）、left（居左）、right（居右）等等。
6、background-color：设置背景颜色。
7、vertical-align: bottom：设置字体垂直位置是bottom（居下）等等。
例如：

<style>
			table{
				/*设置宽度为内容的90%*/
				width: 90%;
				/*边框 黑色 1像素宽度 实心*/
				border: black 1px solid;
				/*边框缝隙宽度为0像素*/
				border-spacing: 0px;
				/*边框覆盖*/
				border-collapse: collapse;
			}
			th{
				text-align: center;
				height: 60px;
				border: black 1px solid;
			}
			td{
				/*文本水平居中*/
				text-align: center;
				/*文本垂直居下*/
				vertical-align: bottom;
				/*高度*/
				height: 50px;
				border: black 1px solid;
			}
		</style>

复杂属性

1、colspan：合并列（在同一行中的几个列进行合并）
例如：

<td colspan="9">2013年度图书销售统计</td>

2、rowspan：合并行（在同一列中的几个行进行合并）
例如：

<td rowspan="2">图书分类</td>

注意：合并时只能向后合并，不能向前。