8.HTML表格

<table border="1">
	<tr>
		<td>单元格里的内容1</td>
		<td>单元格里的内容2</td>
	</tr>
	<tr>
		<td>单元格里的内容3</td>
		<td>单元格里的内容4</td>
	</tr>
	<tr>
		<td>单元格里的内容5</td>
		<td>单元格里的内容6</td>
	</tr>
</table>

table标签用于创建表格

tr标签在表格内创建行

td标签在行内创建单元格

默认轮廓为0，所以给border属性设置1用来显示边框

---

<table border="1">
	<tr>
		<td colspan="2">单元格里的内容</td>
	</tr>
	<tr>
		<td rowspan="2">单元格里的内容</td>
		<td>单元格里的内容</td>
	</tr>
	<tr>
		<td>单元格里的内容</td>
	</tr>
</table>

colspan表示列数跨2列，所以同列里少一个td

rowspan表示行数跨2行，所以同行里少也一个td

便于理解，注意上图与下图的不同

---

 表格标题标签：caption

表格表头标签：th

<table border="1">
	<caption>标题</caption>
	<tr>
		<th colspan="2">单元格里的内容1</th>
	</tr>
	<tr>
		<td rowspan="2">单元格里的内容3</td>
		<td>单元格里的内容4</td>
	</tr>
	<tr>
		<td>单元格里的内容6</td>
	</tr>
</table>

---

 表格分组标签：thead、tbody、tfoot

分别表示头部、主体和页脚部分

其他属性包括width宽度，height高度，border边框，alight排列方式

还有bgcolor背景颜色，background背景(传入URL地址)

以及cellspacing单元格间距和cellpadding单元格填充

CSS折叠边框：16.表格css样式改变边框(折叠边框)