这是效果图
1560342663(1).jpg
以下是编写方法：
<table rules='all'>
<caption>
征婚简历
</caption>
<tbody>
<tr>
<td>姓名</td>
<td width='100px'></td>
<td>性别</td>
<td width='100px'></td>
<td>籍贯</td>
<td width='100px'></td>
<td>学历</td>
<td width='100'></td>
<td rowspan="4" width='100'>照片</td>
</tr>
<tr>
<td>出生日期</td>
<td></td>
<td>年龄</td>
<td></td>
<td>身高</td>
<td></td>
<td>体重</td>
<td width='100'></td>
</tr>
<tr>
<td>理想类型</td>
<td colspan="3"></td>
<td>实际类型</td>
<td colspan="3"></td>
</tr>
<tr>
<td>微信/QQ</td>
<td colspan="3"></td>
<td>电话号码</td>
<td colspan="3"></td>
</tr>
<tr>
<td>身份证号</td>
<td colspan="8"></td>
</tr>
<tr>
<td>家庭条件</td>
<td colspan="2"></td>
<td>薪资福利</td>
<td></td>
<td>居住环境</td>
<td colspan="3"></td>
</tr>
<tr>
<td>感情经历</td>
<td colspan="2"></td>
<td>起止时间</td>
<td colspan="2"></td>
<td>分手原因</td>
<td colspan="2"></td>
</tr>
</tbody>
</table>
Html写好内容后在css内编写样式即可。
table {
margin: 0 auto;
border: 1px solid rgb(57, 7, 236);
width: 1000px;
font-size: 25px;
text-align: center;
caption {
font-size: 50px;
}
}
表格标签<caption>，英语单词是标题的意思。是用来做表格的标题。
tr :是表格的行。
td ：是表格的列。
在table标签中可以使用width（宽）和height（高）属性设置表格宽度和度。
可以按像素或百分比来指定表格宽度或高度。
若需要将多列合并成一列 则需要用到colspan属性。可以称呼为 跨列。
若需要将多行合并成一行，则需要用到rowspan属性。可以称呼为 跨行。
若需将表格的边框去掉，将<table rules='all'>里面的all去掉即可。
编写表格的方法就是这样简单，大家感兴趣可实战一下
