个人简历html模板

<div style="width: 90%;">

    <style>

        #img {

            /* padding: 67%;

            display: inline; */

            float: right;

        }

        #name {

            padding-top:0px;

            width:20%;

            margin-right: 420px;

        }

        tr {

            height: 80px;

        }

        .line {

            margin: 20px 0;

            line-height: 28px;

            border-left: 8px solid #adb3ab;

            width: 2%;

        }

        .title_span {

            font-size: 17px;

        }

        .txt_span {

            font-size: 13px;

        }

        .technical {

            width: 16%;

            border-right: 1px solid #a4a6af;

            border-top: 1px solid #a4a6af;

            border-left: 1px solid #a4a6af;

            border-collapse: collapse; /*设置单元格的边框合并为1*/

        }

        .technicaTable {

            width: 80%;

            border-right: 1px solid #a4a6af;

            border-top: 1px solid #a4a6af;

            border-left: 1px solid #a4a6af;

            border-collapse: collapse; /*设置单元格的边框合并为1*/

            border-bottom: 1px solid #a4a6af;

            text-align: center;

        }

        .technicaTable tr {

            height: 50px;

        }

        .technicaTitle {

            background-color: #eaeeef;

            border-right: 1px solid #a4a6af;

            border-top: 1px solid #a4a6af;

            border-left: 1px solid #a4a6af;

            border-collapse: collapse; /*设置单元格的边框合并为1*/

            border-bottom: 1px solid #a4a6af;;

            font-size: 18px;

            font-weight: bold;

            text-align: center;

        }

        .line_span {

            background: #181818;

            margin-top: 1px;

            float: left;

            width: 100%;

            height: 1px;

        }

        .line_td {

            width: 26%;

        }

        .line_table {

            width: 80%;

            height: 4%;

        }

        .line_table tr{

            height: 5%;

        }

        .basic_info {

            width: 80%;

        }

        .basic_info tr {

            height: 50px;

        }

        .basic_info tr td {

            width: 8%;

        }

        .educate {

            width: 80%;

        }

        .educate tr {

            height: 55px;

        }

        .educate tr td {

            width: 16%;

        }

    </style>

    <div style="width: 80%;">

        <div id="img">

            <img style="width: 204px;height: 206px;" src= {myTop} /> <!--个人头像图片 地址：https://hb-cms-test.oss-cn-beijing.aliyuncs.com/e0dd26d2c6ad9029b1a2a23cf43880e5064c54707afa0e403199e69527cc36d2.png-->

        </div>

        <div style="width: 50%;">

            <table style="width: 50%;">

                <tr>

                    <td colspan="2"><span style="font-size: 20px;">应聘岗位：{applyPost}</span></td>

                </tr>

            </table>

        </div>

        <div>

            <table style="width: 80%;">

                <tr style="height: 30px;">

                    <td style="width: 5%;"><span class="txt_span">性别：{sex}</span></td>

                    <td style="width: 1%;"><span class="txt_span">|</span></td>

                    <td style="width: 8%;"><span class="txt_span">出生年月：{birthDate}</span></td>

                    <td style="width: 1%;"><span class="txt_span">|</span></td>

                    <td style="width: 8%;"><span class="txt_span">期望薪资：{expectedSalary}</span></td>

                    <td style="width: 1%;"><span class="txt_span">|</span></td>

                    <td style="width: 8%;"><span class="txt_span">婚育情况：{marriageStatus}</span></td>

                    <td style="width: 1%;"><span class="txt_span">|</span></td>

                    <td style="width: 8%;"><span class="txt_span">政治面貌：{polityType}</span></td>

                </tr>

            </table>

            <table style="width: 80%;">

                <tr style="height: 50px;">

                    <td style="width: 15%;"><span class="txt_span">联系电话：{tel}</span></td>

                    <td style="width: 3%;"><span class="txt_span">|</span></td>

                    <td style="width: 15%;"><span class="txt_span">邮箱：{mail}</span></td>

                    <td style="width: 3%;"><span class="txt_span">|</span></td>

                    <td style="width: 30%;"><span class="txt_span">目前所在地：{currentAddress}</span></td>

                </tr>

            </table>

        </div>

    </div>

    <div>

        <table class="line_table">

            <tr>

                <td class="line"><span class ="title_span">教育背景</span></td>

                <td class="line_td"><span class="line_span"></span></td>

            </tr>

        </table>

        <br/>

        <table class="educate">

            <tr>

                <td><span class="txt_span">最高学历：{highestDegree}</span></td>

                <td><span class="txt_span">教育类型：{educationType}</span></td>

                <td><span class="txt_span">毕业院校：{school}</span></td>

            </tr>

            <tr>

                <td><span class="txt_span">专业名称：{majorName}</span></td>

                <td><span class="txt_span">外语水平：{langLevel}</span></td>

                <td><span class="txt_span">外语语种：{langType}</span></td>

            </tr>

        </table>

    </div>

    <br/>

    <div>

        <table class="line_table">

            <tr>

                <td class="line"><span class ="title_span">技术职称</span></td>

                <td class="line_td"><span class="line_span"></span></td>

            </tr>

        </table>

        <table class="technicaTable">

            <tr>

                <td class="technicaTitle"><span class="txt_span">获取证书</span></td>

                <td class="technicaTitle"><span class="txt_span">获取时间</span></td>

                <td class="technicaTitle"><span class="txt_span">专业</span></td>

                <td class="technicaTitle"><span class="txt_span">发证单位</span></td>

            </tr>

            {technical} <!--可在代码中动态拼接 td-->

        </table>

    </div>

    <br/>

    <br/>

    <div>

        <table class="line_table">

            <tr>

                <td class="line"><span class ="title_span">个人特长</span></td>

                <td class="line_td"><span class="line_span"></span></td>

            </tr>

        </table>

        <table>

            <tr>

                <td colspan="2"><span class="txt_span">个人特长：{oneselfSkill}</span></td>

            </tr>

           <!-- <tr style="height: 50px;">

                <td colspan="2"><span class="txt_span">特殊技能：{specialSkill}</span></td>

            </tr> -->

        </table>

    </div>

    <div>

        <table class="line_table">

            <tr>

                <td class="line"><span class ="title_span">基本信息</span></td>

                <td class="line_td"><span class="line_span"></span></td>

            </tr>

        </table>

        <table class="basic_info">

            <tr>

                <td><span class="txt_span">民族：{nation}</span></td>

                <td><span class="txt_span">工作年限：{workYear}</span></td>

                <td><span class="txt_span">在职状态：{jobStatus}</span></td>

            </tr>

            <tr>

                <td><span class="txt_span">职业资格：{professionalQualification}</span></td>

                <td><span class="txt_span">籍贯：{nativePlace}</span></td>

                <td><span class="txt_span">健康状态：{healthStatus}</span></td>

            </tr>

            <tr>

                <td><span class="txt_span">从业行业：{jobBusiness}</span></td>

                <td><span class="txt_span">从业岗位：{jobPost}</span></td>

            </tr>

        </table>

    </div>

</div>