HTML-表格标签

<!--
* 表格标签
<table>
<caption>用户列表</caption>
<tr>
<th>数据</th>
<th>数据</th>
</tr>
<tr>
<th>数据</th>
<th>数据</th>
</tr>
</table>

table的属性
* border :  边框
* width :   宽度
* height :  高度

tr的属性
* align : 中间的文字对齐方式

td,th区别:
th中间的内容粗体显示
th中间的内容默认居中
th一般用来表格的表头

td的属性：
* width
* height
* 合并单元格
*

-->
<table border="1" width="50%" background="red">
<caption></caption>
<tr>
<th>序号</th>
<th>姓名</th>
<th>性别</th>
</tr>
<tr align="left">
<td>1</td>
<td>张三</td>
<td>男</td>
</tr>
<tr align="center">
<td>2</td>
<td>李四</td>
<td>女</td>
</tr>
</table>
<h3>列合并单元格</h3>
<table border="1" width="60%">
<tr>
<td>1</td>
<td>男</td>
<td>张三</td>
<td>18</td>
</tr>
<tr>
<td>2</td>
<td>女</td>
<td>旺旺</td>
<td>20</td>
</tr>
<tr align="center">
<td colspan="4">
统计：一共有<font color="red">3</font>个人
</td>
</tr>
</table>
<h3>行合并单元格</h3>
<table border="1" width="70%">
<tr>
<td rowspan="3" width="30%">
<img alt="" src="imgs/bx.jpg">
</td>
<td>
商品信息：冰箱
</td>
</tr>
<tr>

<td>
商品价格：998元
</td>
</tr>
<tr>

<td>
<a href="success.html"><img alt="" src="imgs/gwc.png"></a>
</td>
</tr>
</table>