初始HTML_表格

Html表格

<!DOCTYPE html>
<html>
    <head>
        <meta charset="utf-8">
        <title></title>
    </head>
    <body>
        <table border="1px" cellspacing="0px" align="center">
            <colgroup span="6" width="40px"></colgroup>
            <colgroup span="7" width="50px"></colgroup>
            <tr><th colspan="7">个人简历</th></tr>
            <tr align="center" height="20px">
                <td>姓名</td><td></td><td>性别</td><td></td><td></td><td></td><td rowspan="4">照片</td>
            </tr>
            <tr height="20px">
                <td></td><td></td><td></td><td></td><td></td><td></td>
            </tr>
            <tr height="20px">
                <td></td><td></td><td></td><td></td><td></td><td></td>
            </tr>
            <tr height="20px">
                <td >籍贯</td><td colspan="5"></td>
            </tr>
            <tr height="20px">
                <td></td><td></td><td></td><td></td><td></td><td></td><td></td>
            </tr>
        </table>
    </body>
</html>
  1. <table>**</table>

    作用:创建表格

  2. <tr></tr>

    作用:表格的行

  3. <td></td>

    作用:表格的列

  4. <th></th>

    作用:表头,相当于<td align="center"> <b>个人简历</b></td>

  5. border

    作用:表格线宽

  6. colgroup

    作用:列成组,span几列应用同意样式

  7. align

    作用:表内内容居中

  8. rowspan

    作用:合并列

  9. colspan

    作用:合并行

相关推荐