1.设置web服务目录
JSP页面文件保存到Tomcat服务器的某个Web服务目录中，远程的用户才可以通过浏览器访问该Tomcat服务器上的JSP页面。
人们常说的一个网站，实际上就是一个Web服务目录。
1.1 根目录
如：D:\ apache-tomcat-9.0.26\webapps\Root
访问JSP页面的URL格式是： http://Tomcat服务器的IP地址（或域名）:端口/JSP页面的名字) 必须省略Web根目录的名字root。
例如：
1.2 webapps下的Web服务目录
注意：最好使用这种方式
在webapps下新建子目录ch1，那么ch1就成为一个Web服务目录。 http://localhost:8080/ch1/example1_1.jsp 注: 在webapps下新建Web服务目录，不必重新启动Tomcat服务器。
1.3 新建Web服务目录
注意：不提倡使用这种方式
可以将Tomcat服务器所在计算机的某个目录（非webapps下的子目录）设置成一个Web服务目录，并为该Web服务目录指定虚拟目录，即隐藏Web服务目录的实际位置，用户只能通过虚拟目录访问Web服务目录中的JSP页面。
假设要将 D:\web\ch1作为Web服务目录，并让用户使用test1虚拟目录访问Web服务目录D:\web\ch1下的JSP页面
打开conf文件夹中的主配置文件：server.xml，找到出现的部分（接近server.xml文件尾部处），然后在的前面加入：
<Context path="/apple" docBase="D:\Book\zh" debug="0" reloadable="true"/>
server.xml修改后，必须重新启动Tomcat服务器。
xml文件是区分大小写的，不可以将 写成 。 http://localhost:8080/test1/ex1.jsp
1.4相对目录
Web服务目录的下的子目录称为该Web服务目录下的相对Web服务目录。比如，我们可以在Web服务目录D:\web\ch1下再建立一个子目录image，将ex1.jsp文件保存到image中。那么可以在浏览器的地址栏中输入http://localhost:8080/test1/image/ex1.jsp 来访问ex1.jsp。
2.运行一个JSP文件
<%@ page contentType="text/html" %>
<%@ page pageEncoding = "utf-8" %>
<HTML><body bgcolor = pink>
<h1>这是一个简单的JSP页面</h1>
<% int i, sum=0;
for(i=1;i<=100;i++){
sum=sum+i;
}
%>
<p style="font-family:宋体;font-size:36;color:blue">
1到100的连续和是:<%=sum %>
</p></body></HTML>
如图运行结果：
3. HTML与JavaScript
3.1 HTML
HTML，Hyper Text Markup Language（超文本标记语言）是用来编写网页的语言。 HTML不体现数据的组织结构，只是描述数据的显示格式或提交方式。 目前的HTML大约有一百多个标记（这些标记由浏览器负责解释执行），每个标记（不区分大小写）都用于体现怎样显示数据或怎样提交数据。
3.2 JavaScript
JavaScript（简称JS）是一种解释型的脚本语言（和Java语言没有关系），由浏览器负责解释执行。JavaScript常被用来制作网页上一些效果、如弹出窗口，提示用户未输入密码。可以在JSP页面里插入JavaScript的代码，这些JavaScript的代码由客户的浏览器负责解释执行。
3.3 实例运行
在JSP页面中使用script标记插入JavaScript的代码计算了1-100的连续和，并显示了客户端浏览器的时间（即浏览器所在的计算机的时间），注意，这些JavaScript的代码完全由浏览器负责执行。
<%@ page contentType="text/html" %>
<%@ page pageEncoding = "utf-8" %>
<HTML><body bgcolor = cyan>
<script> <!--JavaScript(JS)标记 -->
var sum = 0;
var i = 1;
for(i =1;i<=100;i++) {
sum = sum+i;
}
document.write("<h1>1-100连续和是:"+sum+"<br></h1>");
var userTime = new Date();
var hour = userTime.getHours();
var minute =userTime.getMinutes();
var second = userTime.getSeconds();
var millisecond = userTime.getMilliseconds();
document.write("<h2>浏览器时间:"+
hour+":"+minute+":"+second+":"+millisecond+"<br></h2>");
</script>
</body></HTML>
运行结果：
