table布局：
table來做整體頁面的布局，布局技巧歸納如下：
（1）按照設計圖的尺寸設置表格的寬高以及單元格的寬高
（2）將表格的border、cellpadding、cellspacing全部設置為0，表格的邊框和間距就不占有頁面空間，它只起到划分空間的作用。
表格的Cellpadding：設置表格中的單元格內容（如：文字等）離單元格邊線的距離
表格的cellspacing：設置表格中單元格之間的間距
（3）針對局部復雜的布局，可以在單元格里面再嵌套表格，嵌套表格划分局部的空間。
（4）單元格中的元素或者嵌套的表格用align和valign設置對齊方式
（5）通過屬性或者CSS樣式設置單元格中元素的樣式
代碼：
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title>個人簡歷</title>
</head>
<body topmargin="0">
<!-- topmargin 設置頁面上邊緣的距離 -->
<!-- 從整體到局部，從大到小，從左到右 -->
<table border="0" width="800" height="800" align="center" cellpadding="0" cellspacing="0">
<tr>
<td width="260" valign="top" bgcolor="#f2f2f2">
<table width="200" border="0" cellpadding="0" cellspacing="0" align="center">
<tr>
<td height="100"></td>
</tr>
<tr>
<td align="right"><img src="images/照片1.png" alt="照片" /></td>
</tr>
<tr>
<td align="right">張三</td>
</tr>
<tr>
<td align="right">13111111111</td>
</tr>
<tr>
<td align="right">zhangshan@qq.com</td>
</tr>
</table>
</td>
<td width="30"></td>
<td width="480" valign="top">
<table width="480" border="0" cellpadding="0" cellspacing="0">
<tr>
<td height="50"></td>
</tr>
<tr>
<td align="right"><img src="images/簡歷logo3.png" alt="簡歷logo" /></td>
</tr>
</table>
<br />
<hr />
<br />
<table width="480" height="200" border="0" cellpadding="0" cellspacing="0">
<tr>
<td colspan="2"><b>個人基本信息</b></td>
</tr>
<tr>
<td><b>姓名：</b>張三</td>
<td><b>籍貫：</b>北京海淀</td>
</tr>
<tr>
<td><b>性別：</b>男</td>
<td><b>身高：</b>180</td>
</tr>
<tr>
<td><b>民族：</b>漢</td>
<td><b>體重：</b>75kg</td>
</tr>
<tr>
<td><b>出生日期：</b>1999.09.09</td>
<td><b>電話：</b>13111111111</td>
</tr>
<tr>
<td><b>專業：</b>軟件開發</td>
<td><b>居住地：</b>北京海淀</td>
</tr>
</table>
<br />
<table width="480" height="100" border="0" cellpadding="0" cellspacing="0">
<tr>
<td><b>教育背景及工作經歷</b></td>
</tr>
<tr>
<td><b>2015.09-2019.06</b> 北京大學 軟件開發</td>
</tr>
<tr>
<td><b>2018.09-2019.06</b> 北京xx科技有限公司 xx工程師</td>
</tr>
</table>
<br />
<table width="480" height="100" border="0" cellpadding="0" cellspacing="0">
<tr>
<td><b>所獲證書</b></td>
</tr>
<tr>
<td><b>2018年</b> xx證書</td>
</tr>
<tr>
<td><b>2019年</b> “xxxx”證書</td>
</tr>
</table>
<br />
<table width="480" height="70" border="0" cellpadding="0" cellspacing="0">
<tr>
<td><b>自我評價</b></td>
</tr>
<tr>
<td>
<br />
本人性格開朗、穩重、有活力，待人熱情、真誠；<br />
工作認真負責，積極主動，能吃苦耐勞，用於承受壓力，勇於創新；<br />
有很強的組織能力和團隊協作精神，具有較強的適應能力； <br />
</td>
</tr>
</table>
</td>
<td width="30"></td>
</tr>
</table>
</body>
</html>
頁面顯示效果：
