订阅博客
收藏博客
微博分享
QQ空间分享

写了一个个人简介网页,记录一下

频道:前端 标签: 时间:2019年07月09日 浏览:50次 评论:2条
作者: 三只松果

代码:

<!DOCTYPE html>
<html>
<head>
<style type="text/css">
#div1{

height: 100px;
width: 100px;
background-image: url("timg.jpeg");
background-size: cover;
border-radius: 100%;
margin-left: 52px;
float: right;
}

#ul1{
margin-right: 10px;
text-align: right;
list-style: none;
margin-bottom: 400px;
}
#ul1 li{
text-align: right;
}
#tdh{
text-align: right;
}
.div3{
padding: 4px;
display: inline;
border-radius: 100%;
background-color: gray;
color: white;
}
#div2{
margin-top: 80px;
margin-left: 20px;
}
</style>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<meta http-equiv="X-UA-Compatible" content="ie=edge">
<title></title>
</head>
<body>
<table width="800" height="700" border="0" cellspacing="0" cellpadding="">
<tr><td rowspan="3" width="200px" bgcolor="#DCDCDC">
<ul id="ul1">
<li><div id="div1">
</div></li>
<li ><font size="5px" color="">张达山</font>&nbsp;
<font size="" color="gray">18210898888&nbsp;<br> zhangdasan@126.com&nbsp;</font>
</li>
</ul>
</td>
<td id="tdh" colspan="2" width="600px" height="200px" style="padding-right: 100px;">

<div id="div2">
<font size="10px" color="grey">RESUME</font><br>
<div>个</div>
<div>人</div>
<div>简</div>
<div>历</div>
<br><br><hr >
</div>
</td>
</tr>
<tr>
<td height="200px" style="padding-left: 20px;">
<font size="5px" color=""><strong>个人基本情况</strong></font><br><br>
<strong>姓 名:</strong>张达山<br><br>
<strong>性 别:</strong>男<br><br>
<strong>民 族:</strong>汉<br><br>
<strong>出生日期:</strong>1992.3.28 <br><br>
<strong>专 业:</strong>工业设计
</td>
<td style="padding-left: 20px;">
<br><br><br><strong>籍 贯:</strong>北京昌平<br><br>
<strong>身 高:</strong>175cm <br><br>
<strong>体 重:</strong>70kg <br><br>
<strong>电 话:</strong>18210898888 <br><br>
<strong>现居住地:</strong>昌平天通苑
</td>
</tr>
<tr style="margin-top: 50px;" height="380px">
<td colspan="2" style="padding-left: 20px;">
<font size="5px" color=""><strong>教育背景及工作经历</strong></font><br><br>
<strong> 2008.09-2011.06</strong> 北京部电大学工业设计专业<br><br>
<strong> 2011.06 2012.09</strong>北京微創信息科技有限公司任前端开发工程师<br><br>
<br>
<font size="5px" color=""><strong>所获证书</strong></font><br><br>
<strong>2009年 : </strong>荣获“高级羹术设计师"证书<br><br>
<strong>2009年 : </strong>榮获“优秀班干部”证书<br><br>
</td>
</tr>

</body>
</html>


效果展示:

image.png

文章评论

◎欢迎参与讨论,请在这里发表您的看法、交流您的观点。