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>