表格

<table></table> 表格

    width:宽度。可以用像素或百分比表示。常用960像素。

    border:边框。常用值0。

    cellpadding:内容跟单元格边框的边距。常用值0。

    cellspacing:单元格之间的间距。常用值0。

    align:对齐方式。

    bgcolor:背景色。

        background:背景图片。

 

<tr></tr> 行

    align:一行的内容的水平对齐方式

    valign:一行的内容的垂直对齐方式

    height:行高

    bgcolor:背景色

        background:背景图片

 

  <td></td> 单元格

<th></th> 表头,单元格的内容自动居中、加粗

    align:单元格的内容的对齐方式

    valign:单元格的内容的垂直对齐方式

    width:单元格宽度

    height:单元格高度

    bgcolor:背景色

        background:背景图片

  内容必须放在单元格里,单元格必须放在行里,行必须放在表格里。设置单元格行高、列高时,会同时影响对应的行或列

  单元格合并:(建议尽量用表格嵌套)

    colspan="n"    合并同一行单元格(后面写代码要减去相对应的列) 

    rowspan="n"    合并同一列单元格(从第二行开始减去对应的列)

 

个人简历

 1 <center>
 2 <a><strong>个人简历</strong></a><br />
 3 <table align="center" width="840" height="640" border="1" cellpadding="0" cellspacing="0">
 4 <tr height="40" align="center">
 5 <td width="120"><b>姓名</b></td>
 6 <td width="120"></td>
 7 <td width="120"><b>性别</b></td>
 8 <td width="120"></td>
 9 <td width="120"><strong>民族</strong></td>
10 <td width="120"></td>
11 <td width="120" rowspan="4"><img src="../金正恩.jpg" width="120" height="160" /></td>
12 </tr>
13 
14 <tr height="40" align="center">
15 <td><strong>出生年月</strong></td>
16 <td></td>
17 <td><strong>籍贯</strong></td>
18 <td></td>
19 <td><strong>政治面貌</strong></td>
20 <td></td>
21 </tr>
22 
23 <tr height="40" align="center">
24 <td><strong>学制</strong></td>
25 <td></td>
26 <td><strong>学历</strong></td>
27 <td></td>
28 <td><strong>毕业时间</strong></td>
29 <td></td>
30 </tr>
31 
32 <tr height="40" align="center">
33 <td><strong>专业</strong></td>
34 <td colspan="2"></td>
35 <td><strong>毕业学校</strong></td>
36 <td colspan="2"></td>
37 </tr>
38 
39 <tr height="40" align="center">
40 <td><strong>求职意向</strong></td>
41 <td colspan="6"></td>
42 </tr>
43 
44 <tr height="40" align="center">
45 <td rowspan="2"><strong>个人技能</strong></td>
46 <td colspan="6" rowspan="2"></td>
47 </tr>
48 
49 <tr height="40" align="center">
50 </tr>
51 
52 <tr height="40" align="center">
53 <td><strong>爱好特长</strong></td>
54 <td colspan="2"></td>
55 <td><strong>证书</strong></td>
56 <td colspan="3"></td>
57 </tr>
58 
59 <tr height="40" align="center">
60 <td><strong>时间</strong></td>
61 <td colspan="6"><strong>工作经历</strong></td>
62 </tr>
63 
64 <tr height="40" align="center">
65 <td rowspan="2"></td>
66 <td colspan="6" rowspan="2"></td>
67 </tr>
68 
69 <tr height="40" align="center">
70 </tr>
71 
72 <tr height="40" align="center">
73 <td colspan="7"><strong>联系方式</strong></td>
74 </tr>
75 
76 <tr height="40" align="center">
77 <td><strong>通讯地址</strong></td>
78 <td colspan="2"></td>
79 <td><strong>手机电话</strong></td>
80 <td colspan="2"></td>
81 <td></td>
82 </tr>
83 
84 <tr height="40" align="center">
85 <td><strong>E-mail </strong></td>
86 <td colspan="6"></td>
87 </tr>
88 
89 <tr height="40" align="center">
90 <td><strong>自我评价</strong></td>
91 <td colspan="6"></td>
92 </tr>
93 
94 <tr height="40" align="center">
95 <td><strong>博客</strong></td>
96 <td colspan="6"><a href="http://cnblogs.com/1030351096zzz/" target="_blank">博客园</a></td>
97 </tr>
98 
99 </table>
View Code

 

posted @ 2016-10-24 20:17  尘暮  阅读(221)  评论(0)    收藏  举报