在HTML中创建一个简单的登录和注册页面是一个基本的网页设计任务。下面是一个简单的示例，展示了如何创建一个基本的登录和注册表单。请注意，这只是一个基本的示例，实际的登录和注册功能需要后端服务器来处理。
HTML代码：
<!DOCTYPE html>
<html lang="zh">
<head>
<meta charset="UTF-8">
<title>登录与注册页面</title>
<style>
.container {
max-width: 400px;
margin: 0 auto;
padding: 20px;
}
input[type=text], input[type=password] {
width: 100%;
padding: 15px;
margin: 5px 0 22px 0;
border: none;
border-bottom: 1px solid #ccc;
}
button {
background-color: #4CAF50;
border: none;
color: white;
padding: 15px 20px;
text-align: center;
text-decoration: none;
display: inline-block;
font-size: 16px;
margin: 4px 2px;
cursor: pointer;
}
</style>
</head>
<body>
<div class="container">
<h2>登录</h2>
<form action="/login" method="post"> <!-- 这里假设有一个处理登录请求的URL -->
<input type="text" placeholder="用户名" name="username" required>
<input type="password" placeholder="密码" name="password" required>
<button type="submit">登录</button>
</form>
<h2>注册</h2>
<form action="/register" method="post"> <!-- 这里假设有一个处理注册请求的URL -->
<input type="text" placeholder="用户名" name="username" required>
<input type="password" placeholder="密码" name="password" required>
<button type="submit">注册</button>
</form>
</div>
</body>
</html>这个示例创建了一个简单的登录和注册页面，用户可以在页面上输入他们的用户名和密码，并通过点击相应的按钮提交表单，这个示例只是一个前端页面，真正的登录和注册功能需要在服务器端实现并处理，你需要将表单的action属性设置为你服务器处理登录和注册的URL，为了安全起见，密码应该被安全地存储和传输，这通常涉及到使用HTTPS协议和适当的加密技术。
