html表格实现图书借阅系统静态网页代码
时间: 2023-10-18 22:04:33 浏览: 80
图书借阅管理系统代码
4星 · 用户满意度95%
以下是一个简单的图书借阅系统静态网页的HTML表格代码:
```
<!DOCTYPE html>
<html>
<head>
<title>图书借阅系统</title>
<style>
table {
border-collapse: collapse;
width: 100%;
}
th, td {
text-align: left;
padding: 8px;
}
tr:nth-child(even) {
background-color: #f2f2f2;
}
th {
background-color: #4CAF50;
color: white;
}
</style>
</head>
<body>
<h2>图书列表</h2>
<table>
<thead>
<tr>
<th>图书编号</th>
<th>图书名称</th>
<th>作者</th>
<th>出版社</th>
<th>出版日期</th>
<th>借阅状态</th>
</tr>
</thead>
<tbody>
<tr>
<td>001</td>
<td>《三体》</td>
<td>刘慈欣</td>
<td>重庆出版社</td>
<td>2008年</td>
<td>已借出</td>
</tr>
<tr>
<td>002</td>
<td>《活着》</td>
<td>余华</td>
<td>作家出版社</td>
<td>1993年</td>
<td>未借出</td>
</tr>
<tr>
<td>003</td>
<td>《百年孤独》</td>
<td>加西亚·马尔克斯</td>
<td>南海出版公司</td>
<td>1967年</td>
<td>已借出</td>
</tr>
</tbody>
</table>
</body>
</html>
```
这个表格包含一个表头和三个数据行,每个数据行包含六个单元格,分别显示图书编号、图书名称、作者、出版社、出版日期和借阅状态。您可以根据需要添加更多的数据行。请注意,这个表格还包含一些基本的CSS样式,可以让表格更加美观和易读。
阅读全文