主页
<!DOCTYPE html>
<html lang="zh">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>主页</title>
</head>
<body>
<h1 align="center">大牧粉丝团</h1>
<p align="center">大牧老师，姓牟，身高180cm，会钢琴、吉他、rap，最喜欢在晚上十二点左右点击电脑右下角弹出的小广告与澳门威尼斯人会面交流</p>
<p align="center"><a href="./login.html" target="_blank">登录</a>
<a href="./register.html" target="_blank">注册</a></p>
</body>
</html>
登录页面
<!DOCTYPE html>
<html lang="zh">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>登录页面</title>
</head>
<body>
<form>
<table border="1" cellspacing="0" width="800px" align="center">
<caption>登录大牧的小屋</caption>
<tr>
<td align="right"><label for="zhanghao">账号：</label></td>
<td><input type="text" id="zhanghao" placeholder="请输入账号"/></td>
</tr>
<tr>
<td align="right"><label for="mima">密码：</label></td>
<td><input type="password" id="mima" placeholder="请输入8-20位字符"></td>
</tr>
<tr>
<td colspan="2" align="center"><input type="submit" value="登录"/><br /></td>
</tr>
</table>
</form>
</body>
</html>
注册页面
<!DOCTYPE html>
<html lang="zh">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>注册页面</title>
</head>
<body>
<form>
<div align="center">
<h3 align="center">注册成为大牧粉丝团的一员</h1>
<label for="zhanghao">账号：</label>
<input type="text" id="zhanghao" placeholder="请输入账号"><br/>
<label for="mima">密码：</label>
<input type="password" id="mima" placeholder="请输入8-12位字符"><br/>
<label for="querenmima">确认密码：</label>
<input type="password" id="querenmima" placeholder="请输入8-12位字符"><br/>
<label for="touxiang">选择头像：</label>
<input type="file" id="touxiang"/><br/>
<label for="youxiang">邮箱</label>
<input type="email" id="youxiang" placeholder="请输入邮箱"><br/>
<label for="xingbie">性别：</label>
<input type="radio" name="xb" id="xingbie" value="男">男
<input type="radio" name="xb" id="xingbie2" value="女">女<br/>
<label for="aihao">爱好</label>
<input type="checkbox" value="钢琴">钢琴
<input type="checkbox" value="唱歌">唱歌
<input type="checkbox" value="跳舞">跳舞
<input type="checkbox" value="大牧">大牧<br/>
<label for="nicheng">昵称</label>
<input type="text" id="nicheng"><br/>
<input type="submit" value="注册">
<input type="reset" value="重置">
</div>
</form>
</body>
</html>
