html学习笔记之表格标签(pink老师）

table与tr,td为嵌套关系，table为单元格，tr为行，td为单元格
如下代码：

<table>
		<tr>
			<td>姓名</td><td>性别</td><td>年龄</td>
		</tr>
		<tr>
			<td>唐嫣</td><td>女</td><td>36</td>
		</tr>
</table>

运行结果如下：

姓名	性别	年龄
唐嫣	女	36

<th></th>:th标签表示html的第一行，具有加粗居中字体的作用(用来替代td)
例如：

<table>
		<tr>
			<th>姓名</th><th>性别</th><th>年龄</th>
		</tr>
		<tr>
			<td>唐嫣</td><td>女</td><td>36</td>
		</tr>
              </table>

table的属性(这些属性要写到table里面去）
align:规定表格相对周围元素的对齐方式（left:左 right：右 center：中）
border=1 有边框 border=0 无边框
cellpadding：规定单元格与内容之间的空白，默认为1像素（一般不变）
cellspacing:规定单元格之间的空白，默认两像素（一般为0）
width:宽
heignt:高

表格结构标签：
<thead></thead> 表格的第一行
<tbody></tbody> 表格的其他行

例如：

<table>
		<thead>
          <tr>
			<th>姓名</th><th>性别</th><th>年龄</th>
		 </tr>
       </thead>
        
      <tbody>
		<tr>
			<td>唐嫣</td><td>女</td><td>36</td>
		</tr>
      <tbody>
 </table>

跨行合并：rowspan=“合并单元格的个数”
最上测单元格为目标单元格，写合并代码
跨列合并：colspan=“合并单元格的个数”
最上测单元格为目标单元格，写合并代码

合并单元格的步骤：
1.先确定是跨行合并还是跨列合并
2.找到目标单元格，写上合并方式=合并单元格的数量，比如：<td colspan="2"></td>
3.删除多余单元格（除目标单元格之外的为多余单元格）
例如：

<h3 align="center">合并单元格</h3>
	<table border="1" cellspacing="0" width="200" height="200" align="center">
		<tr>
			<td ></td>
			<td ></td>
			<td></td>
		</tr>
		<tr>
			<td></td>
			<td></td>
			<td ></td>
		</tr>
		<tr>
			<td></td>
			<td></td>
			<td ></td>
		</tr>
	</table>
</body>

上面是一个三行三列的单元格，运行结果如下：
想把一行一列和一行二列两个单元格合并，目标单元格为一行一列
则合并代码为

<h3 align="center">合并单元格</h3>
	<table border="1" cellspacing="0" width="200" height="200" align="center">
		<tr>
			<td colspan="2"></td>找到目标单元格
							      删除无用单元格
			<td></td>
		</tr>
		<tr>
			<td></td>
			<td></td>
			<td ></td>
		</tr>
		<tr>
			<td></td>
			<td></td>
			<td></td>
		</tr>
	</table>
</body>

运行结果如下