1.在菜单栏中的【file】中选择【new】–【Project…】，在打开的新建项目弹出窗口中，选择【Web】–【Dynamic Web Project】，即动态的Web项目。

java编写一个简单的浏览器 java编写网站教程_java编写一个简单的浏览器


2.在新建动态Web项目窗口中，键入项目名，如testWeb01，确定Target runtime中选择了Tomcat9.0运行环境。

java编写一个简单的浏览器 java编写网站教程_servlet_02


3.点击【Finish】，完成项目的搭建。此时在左侧的项目导航栏中，会出现testWeb01项目，展开项目可见其项目结构。

java编写一个简单的浏览器 java编写网站教程_jsp_03


4.在WebContent目录下，右键新建一个JSP文件，可以给它命名改为index.jsp。点击next按钮。

java编写一个简单的浏览器 java编写网站教程_java编写一个简单的浏览器_04


5.本窗口，如下图所示，是选择JSP页面使用什么样的模板，如果使用默认模板，会生成HTML4版本的HMTL，我们可以点击红框中的JSP Templates进行编辑。

java编写一个简单的浏览器 java编写网站教程_servlet_05


6.经上步点击JSP Templates进入编辑JSP模板窗口，如下图所示，并下滑选中New JSP File（html），点击右侧【Edit】按钮。

java编写一个简单的浏览器 java编写网站教程_java_06


在编辑窗口键入如下代码：，目的和结果如下图所示：

<%@ page language="java" contentType="text/html; charset=utf-8"
    pageEncoding="utf-8"%>
<!DOCTYPE>
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8">
<title>Insert title here</title>
</head>
<body>
${cursor}
</body>
</html>

java编写一个简单的浏览器 java编写网站教程_java编写一个简单的浏览器_07


这样以后新建的JSP页面字符编码不需要调整，HTML文档也是以HTML5为标准的了。新建好的index.jsp如下图所示：

java编写一个简单的浏览器 java编写网站教程_servlet_08

7.在index.jsp页面中的标签中，书写简短代码进行测试:

<body>
   <div style="color:red;font-size:22px">你好，世界！</div>
</body>

8.在Servers的tomcat图标上右键选择【Add and Remove】，在弹出窗口中的testWeb01，加入到Tomcat的运行环境中。如下图所示。点击【finish】按钮。

java编写一个简单的浏览器 java编写网站教程_servlet_09


此时tomcat中包含了testWeb01项目：

java编写一个简单的浏览器 java编写网站教程_java编写一个简单的浏览器_10


9.右键重启Tomcat，在浏览器中测试，键入的URL要包含项目名和文件名：

http://localhost:8080/testWeb01/index.jsp 效果如下图所示：

java编写一个简单的浏览器 java编写网站教程_java_11

以上，完成一个JSP项目的开发与运行测试。