html写一个后台管理页面代码
时间: 2023-04-06 16:02:38 浏览: 68
以下是一个简单的后台管理页面的 HTML 代码示例:
```
<!DOCTYPE html>
<html>
<head>
<title>后台管理页面</title>
</head>
<body>
<h1>欢迎来到后台管理页面</h1>
<nav>
<ul>
<li><a href="#">用户管理</a></li>
<li><a href="#">文章管理</a></li>
<li><a href="#">评论管理</a></li>
<li><a href="#">设置</a></li>
</ul>
</nav>
<section>
<h2>用户管理</h2>
<table>
<thead>
<tr>
<th>用户名</th>
<th>邮箱</th>
<th>操作</th>
</tr>
</thead>
<tbody>
<tr>
<td>user1</td>
<td>user1@example.com</td>
<td><a href="#">编辑</a> | <a href="#">删除</a></td>
</tr>
<tr>
<td>user2</td>
<td>user2@example.com</td>
<td><a href="#">编辑</a> | <a href="#">删除</a></td>
</tr>
<tr>
<td>user3</td>
<td>user3@example.com</td>
<td><a href="#">编辑</a> | <a href="#">删除</a></td>
</tr>
</tbody>
</table>
</section>
<section>
<h2>文章管理</h2>
<table>
<thead>
<tr>
<th>标题</th>
<th>作者</th>
<th>发布时间</th>
<th>操作</th>
</tr>
</thead>
<tbody>
<tr>
<td>文章1</td>
<td>作者1</td>
<td>2021-01-01</td>
<td><a href="#">编辑</a> | <a href="#">删除</a></td>
</tr>
<tr>
<td>文章2</td>
<td>作者2</td>
<td>2021-01-02</td>
<td><a href="#">编辑</a> | <a href="#">删除</a></td>
</tr>
<tr>
<td>文章3</td>
<td>作者3</td>
<td>2021-01-03</td>
<td><a href="#">编辑</a> | <a href="#">删除</a></td>
</tr>
</tbody>
</table>
</section>
<section>
<h2>评论管理</h2>
<table>
<thead>
<tr>
<th>评论内容</th>
<th>评论人</th>
<th>评论时间</th>
<th>操作</th>
</tr>
</thead>
<tbody>
<tr>
<td>评论1</td>
<td>评论人1</td>
<td>2021-01-01</td>
<td><a href="#">编辑</a> | <a href="#">删除</a></td>
</tr>
<tr>
<td>评论2</td>
<td>评论人2</td>
<td>2021-01-02</td>
<td><a href="#">编辑</a> | <a href="#">删除</a></td>
</tr>
<tr>
<td>评论3</td>
<td>评论人3</td>
<td>2021-01-03</td>
<td><a href="#">编辑</a> | <a href="#">删除</a></td>
</tr>
</tbody>
</table>
</section>
<section>
<h2>设置</h2>
<form>
<label for="site-name">网站名称:</label>
<input type="text" id="site-name" name="site-name"><br>
<label for="site-description">网站描述:</label>
<textarea id="site-description" name="site-description"></textarea><br>
<input type="submit" value="保存">
</form>
</section>
</body>
</html>
```