day1:跳转案例
<!DOCTYPE html>
<!--声明文档 html5 -->
<html lang="en">
<head>
<meta charset="utf-8">
<title>apple</title>
</head>
<body>
<h1>欢迎您来到登录页</h1>
<span>
<a href="http://www.xianoupeng.com/" target="_blank">首页</a>
<a href="https://www.baidu.com" target="_blank">列表页</a>
<a href="https://developer.mozilla.org/zh-CN/" target="_blank">详情页</a>
<a href="https://www.csdn.net/" target="_blank">登录页</a>
</span>
</body>
</html>
运行结果
day2:表单小实验
主要代码
<!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>理想对象</title>
</head>
<body>
<h2>青春不常在,抓紧谈恋爱</h2>
<form action="#">
<thead>
<tr>
<th>性别</th>
<th><input type="radio" name="gender" value="nan">男</th>
<th><input type="radio" name="gender" value="nv">女<br /></th>
</tr>
</thead>
<tr><span>生日</span></tr>
<select name="jiguan" id="" placeholder="请输入用户名:">
<span><option value="请选择年">请选择年</option></span>
<span><option value="请选择年">2023</option></span>
</select>
<select name="" id="">
<span> <option value="请选择月">请选择月份</option> </span>
<span> <option value="请选择月">12月</option> </span>
<span> <option value="请选择月">11月</option> </span>
<span> <option value="请选择月">10月</option> </span>
<span> <option value="请选择月">9月</option> </span>
<span> <option value="请选择月">8月</option> </span>
<span> <option value="请选择月">7月</option> </span>
<span> <option value="请选择月">6月</option> </span>
<span> <option value="请选择月">5月</option> </span>
<span> <option value="请选择月">4月</option> </span>
<span> <option value="请选择月">3月</option> </span>
<span> <option value="请选择月">2月</option> </span>
<span> <option value="请选择月">1月</option> </span>
</select>
<select name="" id="">
<span> <option value="请选择日">请选择日</option>
<option value="请选择日">1日</option>
<option value="请选择日">2日</option>
<option value="请选择日">3日</option>
<option value="请选择日">4日</option>
<option value="请选择日">5日</option>
<option value="请选择日">6日</option>
<option value="请选择日">7日</option>
<option value="请选择日">8日</option>
<option value="请选择日">9日</option>
<option value="请选择日">10日</option>
<option value="请选择日">11日</option>
<option value="请选择日">12日</option>
<option value="请选择日">13日</option>
<option value="请选择日">14日</option>
<option value="请选择日">15日</option>
<option value="请选择日">16日</option>
<option value="请选择日">17日</option>
<option value="请选择日">18日</option>
<option value="请选择日">19日</option>
<option value="请选择日">20日</option>
<option value="请选择日">21日</option>
<option value="请选择日">22日</option>
<option value="请选择日">23日</option>
<option value="请选择日">24日</option>
<option value="请选择日">25日</option>
<option value="请选择日">26日</option>
<option value="请选择日">27日</option>
<option value="请选择日">28日</option>
<option value="请选择日">29日</option>
<option value="请选择日">30日</option>
<option value="请选择日">31日</option>
</select><br />
<table>
<span>所在地区 <input type="text" name="user" value="" maxlength="6" placeholder=" 具体位置"></span>
<tbody>
<tr>
<span>
<th>婚姻状况</th>
<th><input type="radio" name="gender" value="yihun">未婚</th>
<th><input type="radio" name="gender" value="weihun">已婚<br /></th>
<th><input type="radio" name="gender" value="lihun">离婚<br /></th>
</span><br />
</tr>
</tbody>
</table>
<table>
学历<input type="text" name="user" value="" maxlength="6" placeholder="幼儿园"><br />
<span>
<tr>
<th>喜欢的类型</th>
<th><label><input type="checkbox" name="food">妩媚的</label></th>
<th><label><input type="checkbox" name="food">可爱的</label</th>
<th><label><input type="checkbox" name="food">小鲜肉</label></th>
<th><label><input type="checkbox" name="food">老腊肉</label></th>
<th><label><input type="checkbox" name="food">大帅比</label></th>
<th><label><input type="checkbox" name="food">都喜欢</label></th>
</tr>
<tr>
<th>自我介绍</th>
<th> <textarea cols="20" rows="0" maxlength="200" placeholder=" 本人特征,爱好,性格等"></textarea><br /></th>
</tr>
</textarea><br />
<tr>
<th></th>
<th><button type="submit">免费注册</button></th><br />
</tr>
<tr>
<th></th>
<th><label><input type="checkbox" name="food">我同意注册条款和会员加入标准</label></th>
</tr>
<tr>
<th></th>
<th><a href="http://www.xianoupeng.com/" target="_blank">我是会员,立即登录</a> </th>
</tr>
<tr>
<th></th\>
<th>
<h3>我承诺</h3>
<ul type="circle">
<li>年满18岁,单身</li>
<li>报着严肃的态度</li>
<li>真诚寻找另一半</li>
</ul>
</th>
</tr>
</table>
</form>
</body>
</html>
运行结果: