HTML表格

1.基本表格
姓名 地区
张三 河北
李四 湖南 
	
<table>
	<tbody>
		<tr>
			<th>姓名</th>
			<th>学号</th>
		</tr>
		<tr>
			<td>张三</td>
			<td>00001</td>
		</tr>
		<tr>
			<td>李四</td>
			<td>00002</td>
		</tr>	
	</tbody>
</table>
最外层table，内部tbody，然后tr是table row的缩写，表示行，th和td表示每一个格，th是加粗的，一般表头用
2.竖向合并单元格
姓名 地区
张三 河北
李四 
	
<table>
	<tbody>
		<tr>
			<th>姓名</th>
			<th>地区</th>
		</tr>
		<tr>
			<td>张三</td>
			<td rowspan="2">河北</td>
		</tr>
		<tr>
			<td>李四</td>
		</tr>	
	</tbody>
</table>
在td标签使用rowspan属性，rowspan="2"表示该单元格竖向跨两格，而下一行的被合并的单元格则不再书写
3.横向合并单元格
姓名 地区
张三 河北
备注 
	
<table>
	<tbody>
		<tr>
			<th>姓名</th>
			<th>地区</th>
		</tr>
		<tr>
			<td>张三</td>
			<td>河北</td>
		</tr>
		<tr>
			<td colspan="2">备注</td>
		</tr>	
	</tbody>
</table>
在td标签使用colspan属性，colspan="2"表示该单元格横向跨两格，而下一个的被合并的单元格则不再书写
4.双向合并单元格
姓名 地区
张三 河北
李四
备注 
	
<table>
	<tbody>
		<tr>
			<th>姓名</th>
			<th>地区</th>
		</tr>
		<tr>
			<td>张三</td>
			<td rowspan="2">河北</td>
		</tr>
		<tr>
			<td>李四</td>
		</tr>	
		<tr>
			<td colspan="2">备注</td>
		</tr>	
	</tbody>
</table>
上述案例同时使用横向合并单元格和竖向合并单元格，以实现更复杂的表格