HTML简单个⼈简历前端页⾯⼀、知识点介绍
1.表格⾏合并：rowspan 将多⾏合并成⼀⾏ 。
2.表格列合并：colspan 将多列合并成⼀列。
3.表单元素（input）:<input> 元素根据不同的 type 属性，可以变化为多种形态。如text,data等。⼆、代码
完整代码如下：
java环境变量在哪里看<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta http-equiv="X-UA-Compatible" content="IE=edge">
linux下怎么查看共享文件夹<meta name="viewport" content="width=device-width, initial-scale=1.0">
数据库连接语句sql<title>个⼈简历</title>
</head>
<body>
<h3 align="center">个⼈简历</h3>
together with<form action="#",method="POST">
<table align="center" border="1" >
<tr>
<td align="center">姓名</td>
<td><input type="text" name="name"></td>
<td align="center">性别</td>
<td><input type="text" name="sex"></td>
<td align="center">出⽣年⽉</td>
<td><input type="date" name="data"></td>
<td rowspan="4"><input type="file" name="image"></td>
</tr>
<tr>
<td align="center">民族</td>
<td align="center"><input type="text" name="nation"></td>
<td>政治⾯貌</td>
<td><input type="text" name="politics"></td>
<td align="center">⾝⾼</td>
<td ><input type="text" name="hight"></td>
</tr>
<tr>
<td align="center">学制</td>
<td><input type="text" name="xuezhi"></td>
<td align="center">学历</td>
<td><input type="text" name="education"></td>
<td align="center">户籍</td>
<td><input type="text" name="household"></td>
</tr>
<tr>
<td align="center">专业</td>
学生个人网页html代码
<td><input type="text" name="major"></td>
<td colspan="2" align="center">毕业学校</td>
<td colspan="2"><input type="text" name="school" ></td>
</tr>
<tr>
<td colspan="7" align="center"><strong>特长、技能或爱好</strong></td>
</tr>
<tr>
<td align="center">外语等级</td>
<td colspan="2"><input type="text" name="garde" ></td>
<td align="center">计算机</td>
<td align="center">计算机</td>
<td colspan="4"><input type="text" name="computer" ></td> </tr>
<tr>
<td colspan="7" align="center">个⼈履历</td>
</tr>
<tr>
<td align="center">时间</td>
<td colspan="2" align="center">单位</td>
<td colspan="4" align="center">经历</td>
</tr>
<tr>
<td><input type="text"></td>
<td colspan="2"><input type="text" ></td>
<td colspan="4"><input type="text" ></td>
</tr>
<tr>
<td><input type="text"></td>
<td colspan="2"><input type="text" ></td>
<td colspan="4"><input type="text" ></td>
</tr>
<tr>
<td><input type="text"></td>
<td colspan="2"><input type="text" ></td>
<td colspan="4"><input type="text" ></td>
</tr>
<tr>
<td colspan="7" align="center">联系⽅式</td>
</tr>
<tr>
<td align="center">通信地址</td>
<td colspan="2"><input type="text" name="address" ></td> <td align="center"></td>
<td colspan="4"><input type="text" name="phone" ></td>
</tr>
<tr>
<td align="center">E-mail</td>
<td colspan="2"><input type="text" name="mail" ></td>
<td align="center">邮编</td>
<td colspan="3"><input type="text" name="postcode" ></td> </tr>
<tr>
<td colspan="7" align="center">⾃我评价</td>
</tr>
影视素材库</table>
</form>
</body>
</html>
三、结果
结果如下图所⽰：
版权声明：本站内容均来自互联网，仅供演示用，请勿用于商业和其他非法用途。如果侵犯了您的权益请与我们联系QQ:729038198，我们将在24小时内删除。
发表评论