javaweb1.编写两个页面,一个显示一些历史图书的名称和价格,一个显示一些计算机图
时间: 2023-11-22 08:03:10 浏览: 182
JavaWeb期末项目 图书馆管理系统(实验报告+项目源码+数据库sql文件)
5星 · 资源好评率100%
编写这两个页面可以通过使用HTML和CSS来实现。首先,我们可以创建一个显示历史图书名称和价格的页面。可以使用表格来展示这些数据,每个图书名称和价格对应表格的一个单元格。以下是一个示例代码:
```html
<!DOCTYPE html>
<html>
<head>
<title>历史图书</title>
<style>
table {
border-collapse: collapse;
width: 100%;
}
th, td {
border: 1px solid black;
padding: 8px;
text-align: left;
}
</style>
</head>
<body>
<h1>历史图书</h1>
<table>
<tr>
<th>图书名称</th>
<th>价格</th>
</tr>
<tr>
<td>《xxx》</td>
<td>30元</td>
</tr>
<tr>
<td>《yyy》</td>
<td>25元</td>
</tr>
<tr>
<td>《zzz》</td>
<td>20元</td>
</tr>
</table>
</body>
</html>
```
接下来,我们可以创建一个页面来展示一些计算机图。我们可以使用HTML中的`<img>`标签来插入图像,通过指定图像的URL即可显示图像。以下是一个示例代码:
```html
<!DOCTYPE html>
<html>
<head>
<title>计算机图</title>
</head>
<body>
<h1>计算机图</h1>
<img src="computer1.jpg" alt="计算机图1" width="300" height="200">
<img src="computer2.jpg" alt="计算机图2" width="300" height="200">
<img src="computer3.jpg" alt="计算机图3" width="300" height="200">
</body>
</html>
```
以上示例代码可以在Java Web项目中的相应页面中使用。你可以将相关的图书信息和计算机图像替换为真实的数据和图像。
阅读全文