1 <!-- 布局也可以叫做排版，它指的是把文字和图片的元素按照我们的意愿有机地排列在页面上，布局分为两种 2 1、table布局：也叫传统布局，通过table元素将页面空间划分为诺干个单元格，将文字或者图片的元素放入单元格中 3 隐藏表格边框，从而实现布局，目前主要用在广告邮件中 4 2、HTML+CSS布局（DIV+CSS）:主要通过CSS样式设置来布局文字或图片等元素，需要用到CSS盒子模型、盒子类型、CSS浮动、CSS定位、CSS背景图等知识来布局，它比传统布局要复杂，是主流的布局方式 --> 5 6 <!DOCTYPE html> 7 <html lang="en"> 8 <head> 9 <meta charset="UTF-8"> 10 <title>个人简历</title> 11 </head> 12 <body topmargin="0"> 13 <table align="center" width="800" height="800" border="0" cellpadding="0" cellspacing="0"> 14 <tr> 15 <td width="260" valign="top" bgcolor="#f2f2f2"> 16 <table width="200" cellpadding="0" cellspacing="0" align="center"> 17 18 <tr> 19 <td height="100"></td> 20 </tr> 21 <tr> 22 <td align="right">图片</td> 23 </tr> 24 <tr> 25 <td align="right"><b>张大山</b></td> 26 </tr> 27 <tr> 28 <td align="right">15959199015</td> 29 </tr> 30 <tr> 31 <td align="right">979771154@qq.com</td> 32 </tr> 33 </table> 34 35 </td> 36 <td width="30"></td> 37 <td width="480"></td> 38 <td width="30"></td> 39 </tr> 40 </table> 41 </body> 42 </html>