个人简历模板

几个主要属性值

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>
实现效果截图

更多推荐

HTML5个人简历模板制作