美文网首页
HTML复杂表格

HTML复杂表格

作者: 嗨_小罗哥 | 来源:发表于2018-08-13 20:10 被阅读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>
    

    相关文章

      网友评论

          本文标题:HTML复杂表格

          本文链接:https://www.haomeiwen.com/subject/ekqpbftx.html