用html制作一个简历

前端 0
<html><body><h1 align=center>个人简历<h1><table border="1"  align=center>  <tr>    <th width=10%>姓名</th>    <th width=10%></th>    <th width=10%>性别</th>    <th width=10%></th>    <th width=10%>出生日期</th>    <th width=10%></th>    <td width=10% rowspan="4" align=center>照片</td>  </tr>   <tr>    <th width=10%>民族</th>    <th width=10%> </th>    <th width=10%>政治面貌</th>    <th width=10%> </th>    <th width=10%>婚姻状况</th>    <th width=10%> </th>    </tr>   <tr>    <th width=10%>现所在地</th>    <th width=10%> </th>    <th width=10%>籍贯</th>    <th width=10%> </th>    <th width=10%>学历</th>    <th width=10%> </th>   </tr>   <tr>    <th width=10%>毕业学校</th>    <td width=10% colspan="2"> </td>      <th width=10%>专业</th>    <th width=10% colspan="2"> </th>        </tr>    <tr>     <th width=10% rowspan="5" align=cente>学习经历</th>    <td  width=10% colspan="2" align=center>起止年月</td>    <td width=10% colspan="2" align=center>就读学校</td>    <td width=10% colspan="2" align=center>专业课程</td>  </tr>    <tr>         <td  width=10% colspan="2"> &nbsp     </td>    <td width=10% colspan="2">&nbsp</td>    <td width=10% colspan="2">&nbsp</td>  </tr>    <tr>         <td  width=10% colspan="2">   &nbsp   </td>    <td width=10% colspan="2">&nbsp</td>    <td width=10% colspan="2">&nbsp</td>  </tr>   <tr>         <td  width=10% colspan="2">  &nbsp    </td>    <td width=10% colspan="2">&nbsp</td>    <td width=10% colspan="2">&nbsp</td>  </tr>   <tr>         <td  width=10% colspan="2">   &nbsp   </td>    <td width=10% colspan="2">&nbsp</td>    <td width=10% colspan="2">&nbsp</td>  </tr> <tr>     <th width=10% rowspan="5" align=cente>工作经历</th>    <td  width=10% colspan="2" align=center>起止年月</td>    <td width=10% colspan="2" align=center>工作单位</td>    <td width=10% colspan="2" align=center>职责</td>  </tr>      <tr>         <td  width=10% colspan="2"> &nbsp     </td>    <td width=10% colspan="2">&nbsp</td>    <td width=10% colspan="2">&nbsp</td>  </tr>    <tr>         <td  width=10% colspan="2"> &nbsp   </td>    <td width=10% colspan="2">&nbsp</td>    <td width=10% colspan="2">&nbsp</td>  </tr>   <tr>         <td  width=10% colspan="2"> &nbsp     </td>    <td width=10% colspan="2">&nbsp</td>    <td width=10% colspan="2">&nbsp</td>  </tr>   <tr>         <td  width=10% colspan="2">&nbsp</td>    <td width=10% colspan="2">&nbsp</td>    <td width=10% colspan="2">&nbsp</td>  </tr>     <tr>     <th width=10% rowspan="4" align=cente>求职意向</th>    <td  width=10% colspan="6" style="border-bottom:none">&nbsp</td>  </tr>    <tr>    <td  width=10% colspan="6" style="border-bottom:none;border-top:none">  &nbsp    </td>  </tr>  <tr>    <td  width=10% colspan="6" style="border-top:none">   &nbsp  </td>  </tr>   </table></body></html>

需要注意的地方:

  1. 如果有的空白处不显示,可以用转义字符&nbsp
  2. 取消上下边框 style="border-bottom:none;border-top:none"

在这里插入图片描述

也许您对下面的内容还感兴趣: