网页表格源代码----个人简历
<!DOCTYPE html><html> <head> <meta charset="utf-8"> <title>刘聪聪信息</title> <style type="text/css"> body{ margi...
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<title>刘聪聪信息</title>
<style type="text/css">
body{
margin: 5px;
padding: 0;
background: #325;
}
#all{
background: #600；
width: ;
height: 100px;
float: top;
}
#half{
background: violet;
width: ;
height: 80px;
}
#Tab{
width: 50%;
height: 500px;
border: 0px solid #333444;
background: pink;
float: right;
margin-top: 3%;
}
#let{
width: 50%;
background: #888;
float: left;
margin-top: 3%;
}
#foot{
width: 50%;
background: black;
float: left;
}
#moot{
width: 50%;
float: right;
background: #009;
}
</style>
</head>
<body>
<div id="all">
<div id="half">
<center><p><font size="6" color="#333444" style="text-align: center;"><b>你可以试着从这里来了解我</b></font></center></p><p><font size="4" color="red" style="text-align: right;"><b>------------------------------------------------------------------------------------------------------------------------------------------------------------刘聪聪等着您的青睐--------------------------------------</b></font></p>
</div>
<div id="Tab">
<table border="1" align="center">
<br>
<center><font size="5" color="black"><b>个人简历</b></font></center>
<tr height="50">
<td width="75">姓名</td><td width="130">刘聪聪</td><td width="75" >性别</td><td width="130" >女</td>
<td width="130" colspan="2" rowspan="3"><img src="p_w_picpath/000.jpg" width="130" height="150"></td>
</tr>
<tr height="50">
<td width="75">民族</td><td width="130">汉族</td><td width="75">籍贯</td><td width="130">陕西</td>
</tr>
<tr height="50">
<td width="75">学历</td><td width="130">本科</td><td width="75">专业</td><td width="130">软件工程</td>
</tr>
<tr height="50">
<td width="80">教育历程</td><td width="335" colspan="10"></td>
</tr>
<tr height="50">
<td width="80">主修课程</td><td width="335" colspan="10"></td>
</tr>
<tr height="50">
<td width="80">自我评价</td><td width="335" colspan="10"></td>
</tr>
<tr height="50">
<td width="80">工作经历</td><td width="335" colspan="10"></td>
</tr>
</table>
</div>
<div id="let">
<ul>
<li><font size="4" color="blue"><i><b>所受教育</b></i></font></li>
<p><font size="2" color="black"><b>2013年9月-2017年7月就读于沈阳师范大学软件学院软件工程专业，主修Java程序设计、数据库原理、Web程序设计等学科。</b></font></p>
<li><font size="4" color="blue"><i><b>家庭背景</b></i></font></li>
<p><font size="2" color="black"><b>~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~
~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~</b></font></p>
<li><font size="4" color="blue"><i><b>感情生活</b></i></font></li>
<p><font size="2" color="black"><b>~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~
~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~</b></font></p>
</ul>
</div>
<p><font size="6" color="red"><b>如果你有兴趣认识我，请与我互动：</b><br></font>
<b>您的姓名：</b><input type="text" ><br><br><b>您的年龄：</b><input type="text"><br><br>
<b>您的业余爱好：</b><br><input type="checkbox" name="happy">运动
<input type="checkbox" name="happy">读书<input type="checkbox" name="">听音乐<input type="checkbox" name="happy">逛街购物<br><br>
<input type="submit" value="点击此处与我互动"></p>
</div>
</body>
</html>
转载于:https://blog.51cto.com/liucongcong/1769174
开放原子开发者工作坊旨在鼓励更多人参与开源活动，与志同道合的开发者们相互交流开发经验、分享开发心得、获取前沿技术趋势。工作坊有多种形式的开发者活动，如meetup、训练营等，主打技术交流，干货满满，真诚地邀请各位开发者共同参与！
更多推荐
0
0- 0
已为社区贡献9条内容
所有评论(0)