在Web开发的世界里，HTML和JSP是两个不可或缺的技术。HTML负责网页的结构和内容展示，而JSP则用于实现动态交互和服务器端的逻辑处理。HTML和JSP之间究竟有着怎样的关系呢？本文将通过一个实例教程，带你深入浅出地了解HTML和JSP的关系。
一、项目背景
假设我们想要开发一个简单的在线商城，用户可以浏览商品信息、添加购物车以及进行结算。在这个项目中，HTML用于展示商品页面，而JSP则用于处理用户的请求和业务逻辑。
二、环境搭建
在开始之前，我们需要搭建一个开发环境。以下是一个简单的环境搭建步骤：
1. 安装JDK：下载并安装JDK，配置环境变量。
2. 安装Tomcat：下载并安装Tomcat，配置环境变量。
3. 安装IDE：推荐使用Eclipse或IntelliJ IDEA等IDE进行开发。
三、项目结构
以下是项目的目录结构：
```
online-mall
├── web
│ ├── WEB-INF
│ │ ├── web.xml
│ │ └── lib
│ ├── index.jsp
│ ├── product.jsp
│ └── cart.jsp
└── src
├── com
│ └── mall
│ ├── controller
│ │ ├── ProductController.java
│ │ └── CartController.java
│ └── model
│ └── Product.java
└── web.xml
```
四、HTML与JSP的关系实例
1. 商品页面（product.jsp）
我们创建一个商品页面`product.jsp`，用于展示商品信息。
```html
<%@ page contentType="
