目录
一.个人简历的制作:
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>个人简历</title>
</head>
<body>
<table border="1" style="border-collapse: collapse;" align="center">
<h1 align="center">个 人 简 历</h1>
<tr>
<th>姓名</th>
<td width="70"></td>
<th>性别</th>
<td width="70"></td>
<th>出生年月</th>
<td width="70"></td>
<td rowspan="3" width="70"></td>
</tr>
<tr>
<th>籍贯</th>
<td></td>
<th>民族</th>
<td></td>
<th>计算机水平</th>
<td></td>
</tr>
<tr>
<th>政治面貌</th>
<td></td>
<th>身高</th>
<td></td>
<th>月薪要求</th>
<td></td>
</tr>
<tr>
<th>所学专业</th>
<td></td>
<th>学历</th>
<td></td>
<th>求职类型</th>
<td colspan="2"></td>
</tr>
<tr>
<th>家庭住址</th>
<td colspan="2"></td>
<th>兴趣特长</th>
<td colspan="3"></td>
</tr>
<tr align="center">
<th rowspan="2">现住址</th>
<td colspan="2" rowspan="2"></td>
<th colspan="2">联系电话</th>
<td colspan="3"></td>
</tr>
<tr align="center">
<th colspan="2">QQ号</th>
<td colspan="3"></td>
</tr>
<tr align="center">
<th rowspan="3" height="200px">教育背景</th>
<td colspan="6"></td>
</tr>
<tr align="center">
<td colspan="6"></td>
</tr>
<tr align="center">
<td colspan="6"></td>
</tr>
<tr align="center">
<th rowspan="3"height="100px">个人能力及专长</th>
<td colspan="6"></td>
</tr>
<tr>
</tr>
<tr>
</tr>
<tr align="center">
<th rowspan="3" height="200px">工作经验</th>
<td colspan="6"></td>
</tr>
</tr>
<tr>
</tr>
<tr>
</tr>
</table>
</body>
</html>
二.表单提交:
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>表单</title>
</head>
<!--
1.注意开发规范,对于取名字要有规范
2.长度可以不写单位(px)
-->
<body>
<form action="" method="post">
<!-- 输入昵称 -->
<h1>青春不常在,抓紧谈恋爱</h1>
<hr>
<br>
<th>昵称:</th>
<input type="text" name="name" placeholder="请输入你的昵称:">
<br>
<th>性别:
男<input type="radio" name="sex">
女<input type="radio" name="sex">
</th>
<br>
<th align="rigth">所在城市:</th>
<th>
<select name="city">
<option value="sh">上海</option>
<option value="bj">北京</option>
<option value="cs" selected>长沙</option>
<option value="sz">深圳</option>
<option value="hz">杭州</option>
</select>
</th>
<br>
<th>
婚姻状况:
未婚<input type="radio" name="marrigae">
已婚<input type="radio" name="marrigae">
保密<input type="radio" name="marrigae">
</th>
<br>
<th>
喜欢类型:
可爱<input type="checkbox" name="type">
性感<input type="checkbox" name="type" >
御姐<input type="checkbox" name="type">
萝莉<input type="checkbox" name="type">
小鲜肉<input type="checkbox" name="type">
大叔<input type="checkbox" name="type">
</th>
<br>
<th>
个人介绍:
</th>
<br>
<th><textarea cols="40" rows="20"></textarea></th>
<h3>我承诺</h3>
<ul>
<li>年满18岁,单身</li>
<li>抱着严肃的态度</li>
<li>真诚去找另一半</li>
</ul>
<br>
<input type="checkbox" checked>我同意所有条款
<br>
<input type="submit" value="免费注册">
<input type="reset" value="重置">
</form>
</body>
</html>