html中table表格的使用

teble中常用的一些关键词：

表格标签：table>tr>td table** :总表格 tr：行 td：列

table标签：width：宽 height：高 border：边框

border标签：**border color：边框颜色 border bgcolor：背景颜色（background color）

cellspacing：单元格间距 cellpadding：单元格内边距

align：**表格中元素相对周围元素的水平对齐方式

valign：**表格中元素垂直对齐方式（vertical-align），在table无效果，可在 tr td中使用

<table border="1px" cellspacing="0" height="700px" width="600px" align="center" bordercolor="gray">

表格合并：跨行合行跨列合列

rowspan：行合并 rowspan=“n” （合并n行）
colspan：列合并 colspan=“n” （合并n列）
合并之后多出来的表格需要删除
代码如下：

 <form>
            <table border="2px" height="200px" width="600px" cellspacing="0" align="center" style="margin-top: 100px" align="center">
                <tr align="center">
                    <td rowspan="4" width="100px">总体信息</td>
                    <td colspan="2">用户注册</td>
                </tr>
                <tr align="center">
                    <td align="right" style="padding-right: 10px" width="150px">用户名:</td>
                    <td align="left">
                        <input type="text"  placeholder="请输入姓名">
                    </td>
                </tr>
                <tr align="center">
                    <td align="right" style="padding-right: 10px" width="150px">密码:</td>
                    <td align="left">
                        <input type="password" name="qing">
                    </td>
                </tr>
                <tr align="center">
                    <td colspan="2">
                        <input type="submit" value="提交" style="margin-right: 10px">
                        <input type="reset" value="重置" style="margin-left: 10px">
                    </td>
                </tr>
            </table>
        </form>