最新消息: USBMI致力于为网友们分享Windows、安卓、IOS等主流手机系统相关的资讯以及评测、同时提供相关教程、应用、软件下载等服务。

使用HTML制作个人简历

互联网 admin 8浏览 0评论

使用HTML制作个人简历

代码

<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Document</title>
    <style>
    	/*通过给td设置高度和宽度,进而确定每一行高度*/
        td {
            width: 80px;
            height: 50px;
        }
        caption {
            font-size: 28px;
            margin-bottom: 10px;
        }
        /*需填内容较多时设置高度*/
        .body td {
            height: 150px;
        }
    </style>
</head>
<body>
    <table border="1" cellspacing="0" width=650” align="center">
        <caption>个人简历</caption>
        <tr align="center">
            <td>姓名</td>
            <td></td>
            <td>性别</td>
            <td></td>
            <td>出生年月</td>
            <td></td>
            <td colspan="2" rowspan="4"></td>
        </tr>
        <tr align="center">
            <td>祖籍</td>
            <td></td>
            <td>民族</td>
            <td></td>
            <td>政治面貌</td>
            <td></td>
        </tr>
        <tr align="center">
            <td>身体状况</td>
            <td></td>
            <td>婚姻状况</td>
            <td></td>
            <td>学历</td>
            <td></td>
        </tr>
        <tr align="center">
            <td>毕业学校</td>
            <td colspan="2"></td>
            <td>所学专业</td>
            <td colspan="2"></td>
        </tr>
        <tr align="center" class="body">
            <td>专业能力</td>
            <td colspan="7"></td>
        </tr>
        <tr align="center" class="body">
            <td>求职意向</td>
            <td colspan="7"></td>
        </tr>
        <tr align="center" class="body">
            <td>获奖情况</td>
            <td colspan="7"></td>
        </tr>
        <tr align="center" class="body">
            <td>自我评价</td>
            <td colspan="7"></td>
        </tr>
    </table>
</body>
</html>

效果图


初次使用HTML制作表格,有较多不完善之处,还望包涵。

使用HTML制作个人简历

代码

<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Document</title>
    <style>
    	/*通过给td设置高度和宽度,进而确定每一行高度*/
        td {
            width: 80px;
            height: 50px;
        }
        caption {
            font-size: 28px;
            margin-bottom: 10px;
        }
        /*需填内容较多时设置高度*/
        .body td {
            height: 150px;
        }
    </style>
</head>
<body>
    <table border="1" cellspacing="0" width=650” align="center">
        <caption>个人简历</caption>
        <tr align="center">
            <td>姓名</td>
            <td></td>
            <td>性别</td>
            <td></td>
            <td>出生年月</td>
            <td></td>
            <td colspan="2" rowspan="4"></td>
        </tr>
        <tr align="center">
            <td>祖籍</td>
            <td></td>
            <td>民族</td>
            <td></td>
            <td>政治面貌</td>
            <td></td>
        </tr>
        <tr align="center">
            <td>身体状况</td>
            <td></td>
            <td>婚姻状况</td>
            <td></td>
            <td>学历</td>
            <td></td>
        </tr>
        <tr align="center">
            <td>毕业学校</td>
            <td colspan="2"></td>
            <td>所学专业</td>
            <td colspan="2"></td>
        </tr>
        <tr align="center" class="body">
            <td>专业能力</td>
            <td colspan="7"></td>
        </tr>
        <tr align="center" class="body">
            <td>求职意向</td>
            <td colspan="7"></td>
        </tr>
        <tr align="center" class="body">
            <td>获奖情况</td>
            <td colspan="7"></td>
        </tr>
        <tr align="center" class="body">
            <td>自我评价</td>
            <td colspan="7"></td>
        </tr>
    </table>
</body>
</html>

效果图


初次使用HTML制作表格,有较多不完善之处,还望包涵。

发布评论

评论列表 (0)

  1. 暂无评论