一、创建链接(a链接)
1.列表页
<!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> <br />
<a href="./7.5作业首页.html">首页</a>
<a href="./7.5作业列表页.html">列表页</a>
<a href="./7.5作业详情页.html">详情页</a>
<a href="./7.5作业登录页.html">登录页</a> <br />
<img src="../images/cat.gif" alt="错误!" title="正确!">
</body>
</html>
2.登陆页
<!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> <br />
<a href="./7.5作业首页.html">首页</a>
<a href="./7.5作业列表页.html">列表页</a>
<a href="./7.5作业详情页.html">详情页</a>
<a href="./7.5作业登录页.html">登录页</a> <br />
<img src="../images/b920cda5cc3166959dc0bee8536784a7.jpg" alt="错误!" title="正确!">
</body>
</html>
3.详情页
<!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>Document</title>
</head>
<body>
<h1>欢迎您来到详情页</h1> <br />
<a href="./7.5作业首页.html">首页</a>
<a href="./7.5作业列表页.html">列表页</a>
<a href="./7.5作业详情页.html">详情页</a>
<a href="./7.5作业登录页.html">登录页</a> <br />
<img src="../images/2006020U02a235-0-lp.jpg" alt="错误!" title="正确!">
</body>
</html>
4. 首页
<!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> <br />
<a href="./7.5作业首页.html">首页</a>
<a href="./7.5作业列表页.html">列表页</a>
<a href="./7.5作业详情页.html">详情页</a>
<a href="./7.5作业登录页.html">登录页</a> <br />
<img src="../images/120HG23938-15-1200.jpg" alt="错误!" title="正确!">
</body>
</html>
5.运行结果
二、简单的表单创建
1.代码
<!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>Document</title>
</head>
<body>
<h1>青春常在,抓紧谈恋爱</h1>
<form>
性别
<input type="radio" name="gander" value="男">男
<input type="radio" name="gander" value="女">女<br />
生日
<select>
<option>--请选择年--</option>
</select>
<select>
<option>--请选择月--</option>
</select>
<select>
<option>--请选择日--</option>
</select> <br />
所在地区
<input type="text" name="地区" value="北京思密达"> <br />
婚姻状况
<label><input type="radio" name="hunyin" value="未婚">未婚</label>
<input type="radio" name="hunyin" value="已婚" id="已婚"><label for="已婚">已婚</label>
<label><input type="radio" name="hunyin" value="离婚">离婚</label> <br />
学历
<input type="text" name="学历" value="幼儿园"><br />
喜欢的类型
<input type="checkbox" name="类型" value="妩媚的">妩媚的
<input type="checkbox" name="类型" value="可爱的">可爱的
<input type="checkbox" name="类型" value="小鲜肉">小鲜肉
<input type="checkbox" name="类型" value="老腊肉">老腊肉
<input type="checkbox" name="类型" value="都喜欢">都喜欢<br />
自我介绍
<textarea cols="10" rows="3">自我介绍</textarea><br />
<button type="submit">免费注册</button><br />
<a href="#">我是会员,立即登陆</a>
</form>
<h2>我承诺</h2>
<ul>
<li>年满18岁,单身</li>
<li>抱着严肃的态度</li>
<li>真诚寻找另一半</li>
</ul>
</body>
</html>
2.运行结果