初学html表格,如何将表格变成1行两列。如何在表格中嵌入图片。表格边框。
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<meta http-equiv="X-UA-Compatible" content="ie=edge">
<title>Document</title>
</head>
<body>
<div align="center">
<table border="1px" width="500px" heigth="1500" style="text-align:center;">
<caption><strong>简历</strong></caption>
<tr height="35px">
<td style="text-align:center;" colspan="5">个人简历详情</td>
</tr>
<tr height="35px">
<td width="100px">姓名</td>
<td> </td>
<td width="100px">性别</td>
<td> </td>
<td rowspan="3" width="100px">
<img width="100px" height="120px" src="abm.jpg"/>
</td>
</tr>
<tr height="35px">
<td>出生年月</td>
<td></td>
<td>籍贯</td>
<td></td>
</tr>
<tr height="35px">
<td>政治面貌</td>
<td></td>
<td>民族</td>
<td></td>
</tr>
<tr height="35px">
<td>学历</td>
<td></td>
<td>专业</td>
<td colspan="2"> </td>
</tr>
<tr height="35px">
<td>联系电话</td>
<td></td>
<td>E-mail</td>
<td colspan="2"></td>
</tr>
<tr height="35px">
<td>家庭住址</td>
<td></td>
<td>毕业院校</td>
<td colspan="2"></td>
</tr>
<tr height="35px">
<td>求职意向</td>
<td colspan="4"></td>
</tr>
<tr height="35px">
<td rowspan="5">学习工作经历</td>
<td> 起止时间 </td>
<td> 工作单位 </td>
<td> 职务 </td>
<td>岗位职责及业绩成绩</td>
</tr height="35px">
<tr height="35px">
<td> </td>
<td></td>
<td></td>
<td></td>
</tr>
<tr height="35px">
<td> </td>
<td></td>
<td></td>
<td></td>
</tr>
<tr height="35px">
<td> </td>
<td></td>
<td></td>
<td></td>
</tr>
<tr height="35px">
<td> </td>
<td></td>
<td></td>
<td></td>
</tr>
<tr style="height: 50px;">
<td width="100px">个人能力</td>
<td colspan="5"> </td>
</tr>
<tr style="height: 50px;">
<td width="100px">兴趣及爱好</td>
<td colspan="5"> </td>
</tr>
<tr style="height: 50px;">
<td width="100px">个人评价</td>
<td colspan="5"> </td>
</tr>
<tr>
<td style="text-align:center;" colspan="5">个人简历如上所示</td>
</tr>
</table>
</div>
</body>
</html>