在网页开发的世界里，JSP（Java Server Pages）和HTML（HyperText Markup Language）是两个非常重要的角色。它们各有特点，但又紧密相连。本文将带你深入了解JSP与HTML的关系，并通过实例教程，让你亲手打造一个动态网页。
一、JSP与HTML的关系
1. JSP简介
JSP是一种动态网页技术，它允许开发者在HTML页面中嵌入Java代码。JSP页面由HTML标签和JSP标签组成，其中JSP标签用于在页面中插入Java代码。
2. HTML简介
HTML是一种标记语言，用于创建网页的结构和内容。HTML页面由一系列标签组成，这些标签定义了网页的结构、格式和内容。
3. JSP与HTML的关系
JSP与HTML的关系可以理解为：JSP是HTML的延伸，它将HTML与Java技术相结合，使得网页具有动态交互性。在JSP页面中，你可以使用HTML标签来定义页面结构，同时使用JSP标签来嵌入Java代码，实现动态功能。
二、JSP与HTML的关系实例教程
下面，我们将通过一个简单的实例，展示JSP与HTML的关系。
实例目标：创建一个简单的用户登录页面，当用户输入用户名和密码后，系统会判断是否正确，并给出相应的提示。
开发环境：
* 开发工具：Eclipse
* 服务器：Tomcat 9.0
步骤：
1. 创建项目
1.1 打开Eclipse，创建一个新的Java Web项目，命名为“JSPExample”。
1.2 在项目中创建一个名为“web”的文件夹，用于存放HTML和JSP文件。
2. 创建HTML页面
2.1 在“web”文件夹中，创建一个名为“login.html”的HTML文件。
```html
