通過製作個人簡歷,熟悉table標籤的使用
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title>簡歷</title>
</head>
<body>
<table border="0" width="800" height="800" align="center" cellpadding="0" cellspacing="0">
<tr>
<td width="260" border="1" valign="top">
<table >
<tr height="100">
<td></td>
<td></td>
</tr>
<tr>
<td width="230" align="right"><img src="img/person.png" alt="人物圖片"></td>
<td width="30"></td>
</tr>
<tr>
<td align="right" color="#5f5f5f" size="5"><font color="#5f5f5f" size="5">張大山</td>
</tr>
<tr>
<td align="right"><font color="#a7a6a6" size="3">19087234891</td>
</tr>
<tr>
<td align="right"><font color="#a7a6a6" size="3">[email protected]</td>
</tr>
</table>
</td>
<td width="30"></td>
<td width="480" valign="top">
<table border="0" cellpadding="0" cellspacing="0" width="480">
<tr height="75">
<td>
</td>
</tr>
<tr>
<td align="right"><img src="img/resume.png"></td>
</tr>
</table>
<hr>
<table border="0" cellpadding="0" cellspacing="0" width="480">
<tr height="30">
<td></td>
</tr>
<tr>
<td colspan="2"><font color="#5f5f5f" size="4">個人情況</font></td>
</tr>
<tr>
<tr height="10"><td></td></tr>
<td width="50%">姓名 : <font color="#5f5f5f" size="3">張達山</font></td>
<td width="50%">籍貫 : <font color="#5f5f5f">北京昌平</font></td>
</tr>
<tr>
<tr height="10"><td></td></tr>
<td width="50%">性別 : <font color="#5f5f5f">男</font></td>
<td width="50%">身高 : <font color="#5f5f5f">175cm</font></td>
</tr>
<tr>
<tr height="10"><td></td></tr>
<td width="50%">民族 : <font color="#5f5f5f">漢</font></td>
<td width="50%">體重 : <font color="#5f5f5f">70kg</font></td>
</tr>
<tr>
<tr height="10"><td></td></tr>
<td width="50%">出生日期 : <font color="#5f5f5f">1992.03.28</font></td>
<td width="50%">電話 : <font color="#5f5f5f">18210898888</font></td>
</tr>
<tr>
<tr height="10"><td></td></tr>
<td width="50%">專業 : <font color="#5f5f5f">工業設計</font></td>
<td width="50%">現居住地 : <font color="#5f5f5f">昌平天通苑</font></td>
</tr>
</table>
<table border="0" cellpadding="0" cellspacing="0" width="480">
<tr height="30">
<td></td>
</tr>
<tr>
<td colspan="2" ><font color="#5f5f5f" size="4">教育背景及工作經歷</font></td>
</tr>
<tr>
<tr height="10"><td></td></tr>
<td colspan="2">2008.09-2011.06 <font color="#5f5f5f">北京郵電大學 工業設計專業</font></td>
</tr>
<tr>
<tr height="10"><td></td></tr>
<td colspan="2">2011.06-2012.09 <font color="#5f5f5f">北京微創信息科技有限公司 任前端開發工程師</font></td>
</tr>
</table>
<table border="0" cellpadding="0" cellspacing="0" width="480">
<tr height="30">
<td></td>
</tr>
<tr>
<td colspan="2" ><font color="#5f5f5f" size="4">所獲證書</font></td>
</tr>
<tr>
<tr height="10"><td></td></tr>
<td colspan="2">2009年 : <font color="#5f5f5f" size="3">榮獲 " 高級美術設計 " 證書</font></td>
</tr>
<tr>
<tr height="10"><td></td></tr>
<td colspan="2">2009年 : <font color="#5f5f5f" size="3">榮獲 " 優秀班幹部 " 證書</font></td>
</tr>
</table>
</td>
<td width="30"></td>
</tr>
</table>
</body>
</html>
加了CSS版
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title>簡歷</title>
<style type="text/css">
body{
font-family:"Microsoft Yahei";
}
img{
width:100px;
}
.title01{
color:#5f5f5f;
font-size:24px;
line-height:36px;
}
.title02{
color:#a7a6a6;
line-height:24px;
}
.title03{
font-size:18px;
font-size:bold;
font-weight:bold;
}
.list td{
color:#5f5f5f;
line-height:36px;
}
.list td span{
font-weight:bold;
color:#333;
}
</style>
</head>
<body>
<table border="0" width="800" height="800" align="center" cellpadding="0" cellspacing="0">
<tr>
<td width="260" border="0" valign="top" bgcolor="#f2f2f2">
<table >
<tr height="100">
<td></td>
<td></td>
</tr>
<tr>
<td width="230" align="right"><img src="img/jsp.png" alt="人物圖片"></td>
<td width="30"></td>
</tr>
<tr>
<td align="right" class="title01">張三</td>
</tr>
<tr>
<td align="right" class="title02">123456789123</td>
</tr>
<tr>
<td align="right" class="title02">[email protected]</td>
</tr>
</table>
</td>
<td width="30"></td>
<td width="480" valign="top" class="list">
<table border="0" cellpadding="0" cellspacing="0" width="480" >
<tr height="75">
<td>
</td>
</tr>
<tr>
<td align="right"><img src="img/resume.png"></td>
</tr>
</table>
<hr>
<table border="0" cellpadding="0" cellspacing="0" width="480">
<tr height="30">
<td></td>
</tr>
<tr>
<td colspan="2" class="title03"><span>個人情況</span></td>
</tr>
<tr>
<td width="50%"><span>姓名 :</span> 張達山</td>
<td width="50%"><span>籍貫 :</span> 北京昌平</td>
</tr>
<tr>
<td width="50%"><span>性別 :</span> 男</td>
<td width="50%"><span>身高 :</span> 175cm</td>
</tr>
<tr>
<td width="50%"><span>民族 :</span> 漢</td>
<td width="50%"><span>體重 :</span> 70kg</td>
</tr>
<tr>
<tr height="10"><td></td></tr>
<td width="50%"><span>出生日期 :</span> 1992.03.28</td>
<td width="50%"><span>電話 :</span> 123456789123</td>
</tr>
<tr>
<td width="50%"><span>專業 :</span> 工業設計</td>
<td width="50%"><span>現居住地 :</span> 昌平天通苑</td>
</tr>
</table>
<table border="0" cellpadding="0" cellspacing="0" width="480">
<tr height="30">
<td></td>
</tr>
<tr>
<td colspan="2" class="title03"><span>教育背景及工作經歷</span></td>
</tr>
<tr>
<tr height="10"><td></td></tr>
<td colspan="2"><span>2008.09-2011.06</span> 北京郵電大學 工業設計專業</td>
</tr>
<tr>
<tr height="10"><td></td></tr>
<td colspan="2"><span>2011.06-2012.09</span> 北京微創信息科技有限公司 任前端開發工程師</td>
</tr>
</table>
<table border="0" cellpadding="0" cellspacing="0" width="480">
<tr height="30">
<td></td>
</tr>
<tr>
<td colspan="2" class="title03"><span>所獲證書</span></td>
</tr>
<tr>
<tr height="10"><td></td></tr>
<td colspan="2"><span>2009年 :</span> 榮獲 " 高級美術設計 " 證書</td>
</tr>
<tr>
<tr height="10"><td></td></tr>
<td colspan="2"><span>2009年 :</span> 榮獲 " 優秀班幹部 " 證書</td>
</tr>
</table>
</td>
<td width="30"></td>
</tr>
</table>
</body>
</html>