第九节 页面布局（简历） 

 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>

 

posted @ 2020-03-05 14:51  kog_maw  阅读(545)  评论(0)  编辑  收藏  举报