HTML复杂表格

2018-08-13  本文已影响0人  嗨_小罗哥
QQ图片20180813202043.png

原代码如下:

(编写软件:HBuilder) 注:表格后面没有截取完整
<!DOCTYPE html>
<html>
    <head>
        <meta charset="UTF-8">
        <title></title>
    </head>
    <body>
        <h1 align="center">个人简历</h1>
        <table border="1"  width="780" height="900" cellspacing="0">
            <tr>
                <td width="100" align="center">求职意向</td>
                <td colspan="6"></td>
            </tr>
            <tr>
                <td align="center" bgcolor="chartreuse" colspan="7">基本信息</td>
            </tr>
            <tr>
                <td width="100" align="center">姓名</td>
                <td width="100" align="center"></td>
                <td width="100" align="center">性别</td>
                <td width="100" align="center"></td>
                <td width="100" align="center">名族</td>
                <td width="100" align="center"></td>
                <td rowspan="4" background="img/8.jpg"></td>
            </tr>
            <tr>
                <td width="100" align="center">出生日期</td>
                <td width="100" align="center"></td>
                <td width="100" align="center">政治面貌</td>
                <td width="100" align="center"></td>
                <td width="100" align="center">婚否</td>
                <td width="100" align="center"></td>
            
            </tr>
            <tr>
                <td width="100" align="center">籍贯</td>
                <td width="100" align="center"></td>
                <td width="100" align="center">现所在地</td>
                <td width="100" align="center"></td>
                <td width="100" align="center">学历</td>
                <td width="100" align="center"></td>
            
            </tr>
            <tr>
                <td width="100" align="center">毕业院校</td>
                <td width="100" colspan="2"></td>
                <td width="100" align="center">所学专业</td>
                <td width="100" colspan="2"></td>
                
                
            </tr>
            <tr>
                <td width="100" align="center">电子邮件</td>
                <td width="100" colspan="2"></td>
                <td width="100" align="center">手机号码</td>
                <td width="100" colspan="3"></td>
                
            </tr>
            <tr>
                <td align="center" bgcolor="chartreuse" colspan="7">教育经历</td>
            </tr>
            <tr>
                <td  align="center" colspan="2">起止时间</td>
                <td  align="center" colspan="2">毕业院校/教育机构</td>
                <td  colspan="3" align="center">专业课程</td>
                
            </tr>
            <tr>
                <td  align="center" colspan="2"></td>
                <td  align="center" colspan="2"></td>
                <td  colspan="3" align="center"></td>
            </tr>
            <tr>
                <td  align="center" colspan="2"></td>
                <td  align="center" colspan="2"></td>
                <td  colspan="3" align="center"></td>
            </tr>
            <tr>
                <td  align="center" colspan="2"></td>
                <td  align="center" colspan="2"></td>
                <td  colspan="3" align="center"></td>
            </tr>
            <tr>
                <td  align="center" colspan="2"></td>
                <td  align="center" colspan="2"></td>
                <td  colspan="3" align="center"></td>
            </tr>
            <tr>
                <td align="center" bgcolor="chartreuse" colspan="7">工作经历</td>
            </tr>
            <tr>
                <td  align="center" colspan="2">起止时间</td>
                <td  align="center" colspan="2">公司名称及单位</td>
                <td  colspan="3" align="center">工作内容</td>
                
            </tr>
            <tr>
                <td  align="center" colspan="2"></td>
                <td  align="center" colspan="2"></td>
                <td  colspan="3" align="center"></td>
            </tr>
            <tr>
                <td  align="center" colspan="2"></td>
                <td  align="center" colspan="2"></td>
                <td  colspan="3" align="center"></td>
            </tr>
            <tr>
                <td  align="center" colspan="2"></td>
                <td  align="center" colspan="2"></td>
                <td  colspan="3" align="center"></td>
            </tr>
            <tr>
                <td width="100" align="center">技能/爱好</td>
                <td colspan="6"></td>
            </tr>
            <tr>
                <td width="100" align="center">自我评价</td>
                <td colspan="6"></td>
            </tr>
        </table>
    </body>
</html>
上一篇 下一篇

猜你喜欢

热点阅读