一，用户注册1（源码如下）
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title>登陆注册</title>
</head>
<body>
<p>
<label for="">用户名</label>
<input type="text">
</p>
<p>
<label for="">密码</label>
<input type="password" id="mypass" name="mypass">
</p>
<p>
性别
<input type="radio" value="男" name="gender" checked>男
<input type="radio" value="女" name="gender">女
</p>
<p>
爱好：
<input type="checkbox" value="写作" name="hobby">写作
<input type="checkbox" value="听音乐" name="hobby">听音乐
<input type="checkbox" value="体育" name="hobby">体育
</p>
<p>
省份：
<select name="address" id="address">
<option>陕西省</option>
</select>
</p>
<p>
自我介绍：<br><textarea name="" id="" cols="20" rows="10"></textarea>
</p>
<p>
<input type="submit" value="注册">
<input type="reset" value="重置">
</p>
</body>
</html>
二，网易云页面（源码如下）
<meta charset="UTF-8">
<title>Document</title>
<style>
* {
margin: 0;
padding: 0;
}
ul, ol {
list-style: none;
}
nav.menu {
width: 100%;
height: 50px;
background-color: red;
}
nav.menu > ul {
width: 1200px;
height: 50px;
border: 1px solid blue;
margin: auto;
color: black;
text-align: center;
line-height: 50px;
}
nav.menu > ul > li {
width: 120px;
height: 50px;
float: left;
}
nav.menu > ul > li:hover
{
background-color: yellow;
cursor: pointer;
}
</style>
</head>
<body>
<nav class="menu">
<ul>
<li>网易云音乐</li>
<li>发现音乐</li>
<li>我的音乐</li>
<li>关注</li>
<li>商城</li>
<li>音乐人</li>
<li>下载客户端</li>
<li>音乐/用户</li>
<li>创作者中心</li>
<li>登陆</li>
</ul>
</nav>
<img src="../image/wangyiyun.png">
</body>
</html>
