1.学习html表格标签,列表标签,表单标签等,初步了解css,学习三种选择器
2.利用html制作注册页面
3.学习了差分数组,前缀和;初步了解深度优先搜索,广度优先搜索(但是不会做题)
注册页面:
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>Document</title>
</head>
<body>
<h1>青春不常在,抓紧谈恋爱</h1>
<table>
<!-- 性别 -->
<tr>
<td>性别:</td>
<td><label for="nan">男 <img src="nan.jpg " height="18"></label><input type="radio" name="sex" id="nan">
<label for="nv">女<img src="nv.jpg" height="18"></label><input type="radio" name="sex" id="nv">
</td>
</tr>
<!-- 生日 -->
<tr>
<td>生日:</td>
<td><select>
<option>--请选择年--</option>
<option>--2006--</option>
<option>--2005--</option>
<option>--2004--</option>
<option>--2003--</option>
<option>--2002--</option>
<option>--2001--</option>
<option>--2000--</option>
<option>--1999--</option>
<option>--1998--</option>
<option>--老头--</option>
</select>
<select>
<option>--请选择月--</option>
<option>--1月--</option>
<option>--2月--</option>
<option>--3月--</option>
<option>--4月--</option>
<option>--5月--</option>
<option>--6月--</option>
<option>--7月--</option>
<option>--8月--</option>
<option>--9月--</option>
<option>--10月--</option>
<option>--11月--</option>
<option>--12月--</option>
</select>
<select>
<option>--请选择日--</option>
<option>--1日--</option>
<option>--2日--</option>
<option>--3日--</option>
<option>--4日--</option>
<option>--5日--</option>
<option>--6日--</option>
<option>--7日--</option>
<option>--8日--</option>
<option>--9日--</option>
<option>--10日--</option>
<option>--11日--</option>
<option>--12日--</option>
<option>--13日--</option>
<option>--14日--</option>
<option>--15日--</option>
<option>--16日--</option>
<option>--17日--</option>
<option>--18日--</option>
<option>--19日--</option>
<option>--20日--</option>
<option>--21日--</option>
<option>--22日--</option>
<option>--23日--</option>
<option>--24日--</option>
<option>--25日--</option>
<option>--26日--</option>
<option>--27日--</option>
<option>--28日--</option>
<option>--29日--</option>
<option>--30日--</option>
<option>--31日--</option>
</select>
</td>
</tr>
<!-- 地区 -->
<tr>
<td>所在地区:</td>
<td><input type="text" value="请输入所在地"></td>
</tr>
<!-- 婚姻状况 -->
<tr>
<td>婚姻状况:</td>
<td>未婚<input type="radio" name="marry" checked="checked">已婚<input type="radio" name="marry">离婚<input
type="radio" name="marry"></td>
</tr>
<!-- 学历 -->
<tr>
<td>学历:</td>
<td><input type="text" value="请输入学历"></td>
</tr>
<!-- 喜好 -->
<tr>
<td>喜欢的类型:</td>
<td>可爱<input type="checkbox" name="hobby"> 呆萌<input type="checkbox" name="hobby"> 高冷<input type="checkbox"
name="hobby"> 少妇<input type="checkbox" name="hobby"></td>
</tr>
<!-- 自我介绍 -->
<tr>
<td>自我介绍:</td>
<td><textarea>自我介绍</textarea></td>
</tr>
<!-- 免费注册 -->
<tr>
<td></td>
<td><input type="submit" value="免费注册"></td>
</tr>
<!-- 标准 -->
<tr>
<td></td>
<td><input type="checkbox" checked="checked">我同意注册条款和会员加入标准</td>
</tr>
<!-- 会员 -->
<tr>
<td></td>
<td><a href="#">我是会员,立即登录</a></td>
</tr>
<!-- 承诺 -->
<tr>
<td></td>
<td>
<h2>我承诺</h2>
<ul>
<li>年满十八,单身</li>
<li>抱着严肃的态度</li>
<li>真诚寻找另一半</li>
</ul>
</td>
</tr>
</table>
</body>
</html>