软件工程第一次作业-个人简历

源码链接（码云）：

https://gitee.com/cytcoding/codes/mtzov45d6rqke9jl8x01w30

效果图：

 1.代码亮点：

（1）网页内容可能过多，为方便快速回到顶端，添加了链接

（2）添加相关主页链接等，使用户可以通过简历直接访问到博客等

（3）使用table标签，将简历内容划分清楚

2.代码简述：

（1）设背景图片

<body background="img/bk2.jpg" style="background-repeat:no-repeat;background-size:100%;background-attachment: fixed">

 （2）内容主体

    <table width="800" border="1" align="center" cellpadding="10" cellspacing="0">
        <caption><font face="华文隶书" size="+4"><h3>个人简历</h3></caption>
        <tr>
            <td colspan="3" bgcolor="#9FCDEA" ><font size="+2">个人资料</td>
        </tr>
        <tr>
            <td>姓 名：陈玉婷</td>
            <td>籍贯：河北省</td>
            
            <td rowspan="5" align="center" valign="middle">
                <img src="img/touxiang.jpg"height="129" width="120 />
            </td>
           <!--<img src="img/pic.png" height="129" width="120"/>
           
            
        </tr>
        <tr>
            <td>出 生：19980708</td>
            <td>政治面貌：团员</td>
        </tr>
        <tr>
            <td>性 别：女</td>
            <td>民 族：汉族</td>
        </tr>
        <tr>
            <td>学 位：学士loading</td>
            <td>移动电话：123456</td>
        </tr>
        <tr>
            <td>专 业：计算机技术与应用系</td>
            <td>电子邮件：1398236260@163.com</td>
        </tr>
        <tr>
            <td colspan="3">地址：青海省西宁市</td>
        </tr>
        <tr>
            <td colspan="3" bgcolor="#9FCDEA"><font size="+2">教育背景</td>
        </tr>
        <tr>
            <td>2017.9 - 至今</td>
            <td colspan="2">青海大学</td>
        </tr>
        <tr>
            <td colspan="3" bgcolor="#9FCDEA"><font size="+2">特长及兴趣爱好</td>
        </tr>
        <tr>
            <td colspan="3">羽毛球（然球技不精）</td>
        </tr>
        <tr>
            <td colspan="3" bgcolor="#9FCDEA"><font size="+2">计算机（开关机）能力</td>
        </tr>
        <tr>
            <td colspan="3">学过html div+css php linux c c++ </td>
        </tr>
        <tr>
            <td colspan="3" bgcolor="#9FCDEA"><font size="+2">个人主页</td>
        </tr>
        <tr>
            <td colspan="3">
                <a href="https://www.cnblogs.com/cytcoding/" target="_blank">博客园</a>
                <a href="https://gitee.com/cytcoding" target="_blank">码云</a>
            </td>
            <!--<td colspan="3">博客园</td>-->     
       
    </table>

3.源码：

<!doctype html>
<html >
<head>
    <meta charset="UTF-8">
    <title>CYT个人简历</title>
</head>
<body background="img/bk2.jpg" style="background-repeat:no-repeat;background-size:100%;background-attachment: fixed">
<body>
    <table width="800" border="1" align="center" cellpadding="10" cellspacing="0">
        <caption><font face="华文隶书" size="+4"><h3>个人简历</h3></caption>
        <tr>
            <td colspan="3" bgcolor="#9FCDEA" ><font size="+2">个人资料</td>
        </tr>
        <tr>
            <td>姓 名：陈玉婷</td>
            <td>籍贯：河北省</td>
            
            <td rowspan="5" align="center" valign="middle">
                <img src="img/touxiang.jpg"height="129" width="120 />
            </td>
           <!--<img src="img/pic.png" height="129" width="120"/>
          
            
        </tr>
        <tr>
            <td>出 生：19980708</td>
            <td>政治面貌：团员</td>
        </tr>
        <tr>
            <td>性 别：女</td>
            <td>民 族：汉族</td>
        </tr>
        <tr>
            <td>学 位：学士loading</td>
            <td>移动电话：123456</td>
        </tr>
        <tr>
            <td>专 业：计算机技术与应用系</td>
            <td>电子邮件：1398236260@163.com</td>
        </tr>
        <tr>
            <td colspan="3">地址：青海省西宁市</td>
        </tr>
        <tr>
            <td colspan="3" bgcolor="#9FCDEA"><font size="+2">教育背景</td>
        </tr>
        <tr>
            <td>2017.9 - 至今</td>
            <td colspan="2">青海大学</td>
        </tr>
        <tr>
            <td colspan="3" bgcolor="#9FCDEA"><font size="+2">特长及兴趣爱好</td>
        </tr>
        <tr>
            <td colspan="3">羽毛球（然球技不精）</td>
        </tr>
        <tr>
            <td colspan="3" bgcolor="#9FCDEA"><font size="+2">计算机（开关机）能力</td>
        </tr>
        <tr>
            <td colspan="3">学过html div+css php linux c c++ </td>
        </tr>
        <tr>
            <td colspan="3" bgcolor="#9FCDEA"><font size="+2">个人主页</td>
        </tr>
        <tr>
            <td colspan="3">
                <a href="https://www.cnblogs.com/cytcoding/" target="_blank">博客园</a>
                <a href="https://gitee.com/cytcoding" target="_blank">码云</a>
            </td>
            <!--<td colspan="3">博客园</td>-->     
       
    </table>
    <p align="center"><a href="#top" >返回顶端</a></p>
</body>
</html>

 

posted on 2019-03-15 19:03  陈玉婷_CYT  阅读(294)  评论(0)    收藏  举报