给我生成以下html文件。第一个页面为登录、注册页面,放在页面的中间,在其上面放置两个输入框用于输入账号与密码,页面的背景颜色为蓝色,宋体;登录和注册功能可点击跳转到第二个页面,第二个页面包含修改个人信息、登出 收发站内信息、联系客服 检索、查看、收藏、购买商品
时间: 2024-04-23 22:25:40 浏览: 14
以下是一个简单的实现方式,具体实现还需要根据实际情况进行调整。
第一个页面(index.html):
```
<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<title>登录 / 注册</title>
<style>
body {
background-color: blue;
font-family: "宋体", Arial, sans-serif;
}
input[type=text], input[type=password] {
width: 100%;
padding: 12px 20px;
margin: 8px 0;
box-sizing: border-box;
}
button {
background-color: white;
color: blue;
padding: 14px 20px;
margin: 8px 0;
border: none;
cursor: pointer;
width: 100%;
}
button:hover {
background-color: #ddd;
}
</style>
</head>
<body>
<div>
<h1>登录 / 注册</h1>
<form>
<label for="username">账号</label>
<input type="text" id="username" name="username" placeholder="请输入账号">
<label for="password">密码</label>
<input type="password" id="password" name="password" placeholder="请输入密码">
<button type="button" onclick="login()">登录</button>
<button type="button" onclick="register()">注册</button>
</form>
</div>
<script>
function login() {
// TODO: 处理登录逻辑,跳转到第二个页面
location.href = "second.html";
}
function register() {
// TODO: 处理注册逻辑,跳转到第二个页面
location.href = "second.html";
}
</script>
</body>
</html>
```
第二个页面(second.html):
```
<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<title>个人中心</title>
</head>
<body>
<h1>个人中心</h1>
<ul>
<li><a href="#">修改个人信息</a></li>
<li><a href="#">收发站内信息</a></li>
<li><a href="#">联系客服</a></li>
<li><a href="#">检索商品</a></li>
<li><a href="#">查看商品</a></li>
<li><a href="#">收藏商品</a></li>
<li><a href="#">购买商品</a></li>
<li><a href="#">登出</a></li>
</ul>
</body>
</html>
```
上面的代码只是一个简单的示例,具体实现还需要根据实际情况进行调整。