欢迎您访问程序员文章站本站旨在为大家提供分享程序员计算机编程知识!
您现在的位置是: 首页

表格标签案例---个人简历

程序员文章站 2022-03-04 19:01:28
...

表格标签应用

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>Title_个人简历</title>
</head>
<body>
    <table border="1px" cellspacing="0" cellpadding="0" style="width: 800px;height: 800px;text-align:center" >
        <tr>
            <th style="font-size: 25px" colspan="6">个人简历</th>
        </tr>

        <tr>
            <!--width = "16.7%"是table的width除以表格的列数-->
            <td width="16.7%">姓 名</td>
            <td width="16.7%"></td>
            <td width="16.7%">性 别</td>
            <td width="16.7%"></td>
            <td width="16.7%">民 族</td>
            <td width="16.7%"></td>
        </tr>

        <tr>
            <td width="16.7%">政治面貌</td>
            <td width="16.7%"></td>
            <td width="16.7%">户籍</td>
            <td width="16.7%" colspan="3"></td>
        </tr>

        <tr>
            <td width="16.7%">出生年月</td>
            <td width="16.7%"></td>
            <td width="16.7%">婚姻状况</td>
            <td width="16.7%"></td>
            <td width="16.7%">工作时间</td>
            <td width="16.7%"></td>
        </tr>
        <tr>
            <td width="16.7%">技术职称</td>
            <td width="16.7%"></td>
            <td width="16.7%">文化程度</td>
            <td width="16.7%"></td>
            <td width="16.7%">主修专业</td>
            <td width="16.7%"></td>
        </tr>
        <tr>
            <td width="16.7%">毕业学校</td>
            <td width="16.7%" colspan="3"></td>
            <td width="16.7%">毕业时间</td>
            <td width="16.7%"></td>
        </tr>
        <tr>
            <td width="16.7%">英语水平</td>
            <td width="16.7%"></td>
            <td width="16.7%">计算机水平</td>
            <td width="16.7%"></td>
            <td width="16.7%">薪金要求</td>
            <td width="16.7%"></td>
        </tr>

        <tr>
            <td width="16.7%" rowspan="2">本人要求</td>
            <td width="16.7%">现从事工作</td>
            <td width="16.7%" colspan="4"></td>
        </tr>
        <tr>
            <td width="16.7%">欲从事工作</td>
            <td width="16.7%" colspan="4"></td>
        </tr>
        <tr>
            <td width="16.7%" rowspan="2">联系方式</td>
            <td width="16.7%">联系电话</td>
            <td width="16.7%" colspan="2"></td>
            <td width="16.7%">邮政编码</td>
            <td width="16.7%" ></td>
        </tr>
        <tr>
            <td width="16.7%">通信地址</td>
            <td width="16.7%" colspan="4"></td>
        </tr>
        <tr style="height: 150px">
            <td width="16.7%" >工作简历</td>
            <td width="16.7%" colspan="5"></td>
        </tr>
        <tr style="height: 150px">
            <td width="16.7%" >自我评价</td>
            <td width="16.7%" colspan="5"></td>
        </tr>
    </table>
</body>
</html>

运行结果:
表格标签案例---个人简历