编写一个简单的用户信息列表页面
时间: 2023-05-23 08:01:30 浏览: 48
好的,对于用户信息列表页面的简单实现,您可以使用 HTML、CSS 和 JavaScript 来完成。下面是一份示例代码:
```html
<!DOCTYPE html>
<html>
<head>
<title>User Information List</title>
<style>
td, th {
padding: 8px;
border: 1px solid black;
}
</style>
</head>
<body>
<h1>User Information List</h1>
<table>
<thead>
<tr>
<th>User ID</th>
<th>Name</th>
<th>Email</th>
</tr>
</thead>
<tbody>
<tr>
<td>1</td>
<td>John Smith</td>
<td>john@example.com</td>
</tr>
<tr>
<td>2</td>
<td>Jane Doe</td>
<td>jane@example.com</td>
</tr>
<tr>
<td>3</td>
<td>Bob Johnson</td>
<td>bob@example.com</td>
</tr>
</tbody>
</table>
</body>
</html>
```
这个页面使用了 HTML 表格来呈现用户信息列表,同时使用了 CSS 来设置表格单元格的样式。JavaScript 可以用来动态加载和更新数据,不过这部分就不在这里展示了。