用html写一个水果商城
时间: 2023-10-04 18:11:08 浏览: 48
好的,以下是一个简单的 HTML 水果商城示例:
```html
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title>水果商城</title>
</head>
<body>
<h1>欢迎来到水果商城</h1>
<p>我们提供各种新鲜水果,包括:</p>
<ul>
<li>苹果</li>
<li>香蕉</li>
<li>橙子</li>
<li>草莓</li>
<li>葡萄</li>
</ul>
<h2>苹果</h2>
<img src="https://www.example.com/apple.jpg" alt="苹果">
<p>价格: $1.00/个</p>
<button>添加到购物车</button>
<h2>香蕉</h2>
<img src="https://www.example.com/banana.jpg" alt="香蕉">
<p>价格: $0.50/个</p>
<button>添加到购物车</button>
<h2>橙子</h2>
<img src="https://www.example.com/orange.jpg" alt="橙子">
<p>价格: $0.75/个</p>
<button>添加到购物车</button>
<h2>草莓</h2>
<img src="https://www.example.com/strawberry.jpg" alt="草莓">
<p>价格: $2.00/盒</p>
<button>添加到购物车</button>
<h2>葡萄</h2>
<img src="https://www.example.com/grapes.jpg" alt="葡萄">
<p>价格: $3.00/斤</p>
<button>添加到购物车</button>
</body>
</html>
```
这个示例包含一个简单的页面布局,其中包含五种水果的名称、图片、价格和添加到购物车的按钮。注意,实际的水果商城需要更详细的信息和功能,例如购物车页面,结账页面和付款选项等。
相关推荐
![zip](https://img-home.csdnimg.cn/images/20210720083736.png)
![](https://csdnimg.cn/download_wenku/file_type_ask_c1.png)
![](https://csdnimg.cn/download_wenku/file_type_ask_c1.png)
![](https://csdnimg.cn/download_wenku/file_type_ask_c1.png)
![](https://csdnimg.cn/download_wenku/file_type_ask_c1.png)
![](https://csdnimg.cn/download_wenku/file_type_ask_c1.png)
![](https://csdnimg.cn/download_wenku/file_type_ask_c1.png)
![](https://csdnimg.cn/download_wenku/file_type_ask_c1.png)
![](https://csdnimg.cn/download_wenku/file_type_ask_c1.png)
![](https://csdnimg.cn/download_wenku/file_type_ask_c1.png)
![](https://csdnimg.cn/download_wenku/file_type_ask_c1.png)
![](https://csdnimg.cn/download_wenku/file_type_ask_c1.png)
![](https://csdnimg.cn/download_wenku/file_type_ask_c1.png)
![](https://csdnimg.cn/download_wenku/file_type_ask_c1.png)
![](https://csdnimg.cn/download_wenku/file_type_ask_c1.png)