HTML5个人简历模板制作

最新推荐文章于 2024-06-02 13:14:01 发布

迷糊小丫丫

最新推荐文章于 2024-06-02 13:14:01 发布

阅读量7.1k

点赞数 8

本文链接：https://blog.csdn.net/weixin_46000410/article/details/107895644

版权

个人简历模板

几个主要属性值

rowspan 跨行数
width 宽度
cellpadding 内容与单元格之间的距离
cellspacing 单元格与单元格之间的距离
align 表格在文档中的对齐方式（left center right）

实现代码如下

在这里插入代码片
<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>个人简历</title>
    <style>
        tr,
        td {
            text-align: center;
        }
    </style>
</head>

<body>
    <!-- cellpadding="30px" -->
    <table border="1px" cellspacing="0" align="center">
        <tr>
            <td width="100px" height="40px">姓名</td>
            <td width="100px"></td>
            <td width="70px">性别</td>
            <td width="100px"></td>
            <td width="100px">出生年月</td>
            <td width="80px" rowspan="3" colspan="3">照片</td>
        </tr>
        <tr>
            <td height="40px">籍贯</td>
            <td></td>
            <td>民族</td>
            <td></td>
            <td>身高</td>
        </tr>
        <tr>
            <td height="40px">政治面貌</td>
            <td></td>
            <td>学历</td>
            <td></td>
            <td>职业资格</td>
        </tr>
        <tr>
            <td rowspan="2" height="80px">家庭地址</td>
            <td rowspan="2" colspan="2"></td>
            <td>联系电话</td>
            <td colspan="3"></td>
        </tr>
        <tr>
            <td>E-mail</td>
            <td colspan="3"></td>
        </tr>
        <tr>
            <td rowspan="3" height="100px">社会关系</td>
            <td>关系</td>
            <td>姓名</td>
            <td>政治面貌</td>
            <td colspan="4">工作单位</td>
        </tr>
        <tr>
            <td height="30px"></td>
            <td></td>
            <td></td>
            <td colspan="4"></td>
        </tr>
        <tr>
            <td height="30px"></td>
            <td></td>
            <td></td>
            <td colspan="4"></td>
        </tr>
        <tr>
            <td height="80px">教育背景</td>
            <td colspan="6"></td>
        </tr>
        <tr>
            <td height="60px">任职情况</td>
            <td colspan="6"></td>
        </tr>
        <tr>
            <td height="120px">获奖情况</td>
            <td colspan="6"></td>
        </tr>
        <tr>
            <td height="40px">特长爱好</td>
            <td colspan="6"></td>

        </tr>
        <tr>
            <td height="120px">个人自述</td>
            <td colspan="6"></td>
        </tr>
    </table>
</body>

</html>

实现效果截图

个人简历

迷糊小丫丫

关注

8
点赞
踩
40

收藏

觉得还不错? 一键收藏
0
评论
HTML5个人简历模板制作

个人简历模板几个主要属性值rowspan 跨行数width 宽度cellpadding 内容与单元格之间的距离cellspacing 单元格与单元格之间的距离align 表格在文档中的对齐方式（left center right）实现代码如下在这里插入代码片个人简历 </tr> <tr> <td height="120px">个人自述
复制链接

扫一扫