1 <!DOCTYPE html> 2 <html lang="en"> 3 <head> 4 <meta charset="UTF-8"> 5 <title>简单布局</title> 6 </head> 7 <body topmargin="0"> 8 <table border="0" cellpadding="1" cellspacing="1" width="800" height="800" align="center"> 9 <tr> 10 11 <td width="260" valign="top" bgcolor="#f2f2f2"> 12 <!-- bgcolor是table中设置table中设置背景色的语法 13 backgroundcolor:三种颜色表达方式; --> 14 15 <!-- 虽然很少使用, 但是html标签原生属性语句,依旧能够在某些时候解决一些问题. --> 16 17 18 19 <table border="0" width="200" align="center" cellpadding="0" cellspacing="0" > 20 <tr> 21 <td height="100"></td> 22 </tr> 23 <tr> 24 <td align="right"><img src="images/12.png"></td> 25 <td height="50"></td> 26 </tr> 27 <tr> 28 <td align="right">MM</td> 29 <td height="50"></td> 30 </tr> 31 <tr> 32 <td align="right">1234567890123</td> 33 <td height="50"></td> 34 </tr> 35 <tr> 36 <td align="right">123456@123.com</td> 37 <td height="50"></td> 38 </tr> 39 </table> 40 41 </td> 42 <td width="30"></td> 43 <td width="480" valign="top" > 44 45 <table width="480" border="0" cellpadding="0" cellspacing="0" > 46 <!-- align="right" 此处增加right会使后面hr划线无法成型--> 47 <tr> 48 <td height="30"></td> 49 </tr> 50 <tr > 51 <td align="right"><img src="images/title2.png" alt="title文件" ></td> 52 </tr> 53 54 55 </table> 56 <br> 57 <hr /> 58 59 <table width="480" border="0" cellpadding="0" cellspacing="20" > 60 <tr> 61 <td colspan="4"><b>个人基本情况</b></td> 62 </tr> 63 <tr> 64 <td><b>姓名:</b></td> 65 <td>MM</td> 66 <td><b>籍贯:</b></td> 67 <td>上海</td> 68 </tr> 69 <tr> 70 <td><b>性别:</b></td> 71 <td>女</td> 72 <td><b>身高:</b></td> 73 <td>168</td> 74 </tr> 75 <tr> 76 <td><b>名族:</b></td> 77 <td>汉</td> 78 <td><b>体重:</b></td> 79 <td>58</td> 80 </tr> 81 <tr> 82 <td><b>生日:</b></td> 83 <td>199801</td> 84 <td><b>电话:</b></td> 85 <td>1234567890123</td> 86 </tr> 87 <tr> 88 <td><b>专业:</b></td> 89 <td>金融</td> 90 <td><b>现居地址:</b></td> 91 <td>浦东</td> 92 </tr> 93 </table> 94 <table width="480" border="0" cellpadding="0" cellspacing="20" > 95 <tr> 96 <td colspan="2"><b>教育背景及工作经历</b></td> 97 </tr> 98 <tr> 99 <td><b>2018-2019年:</b></td> 100 <td>好好学习</td> 101 </tr> 102 <tr> 103 <td><b>2017-2018年:</b></td> 104 <td>天天向上</td> 105 </tr> 106 </table> 107 <table width="480" border="0" cellpadding="0" cellspacing="20" > 108 <tr> 109 <td colspan="2"><b>所获证书</b></td> 110 </tr> 111 <tr> 112 <td><b>2018-2019年:</b></td> 113 <td>三好学生</td> 114 </tr> 115 </table> 116 117 </td> 118 119 <td width="10"></td> 120 121 122 </tr> 123 124 125 126 127 </table> 128 </body> 129 </html>