第4章JSP程序设计基础 静态与动态网页 客户端浏览器 服务器端 Tomcat网站 <HTML> HIML文 HTML文 HIML网页内容传送至客戶 端浏览器之后,HIML文件 件内容 件內容 传送HIML网页 內容沒有任何变更 <HTML xxx htm xxx. htm 客户端浏览器 服务器端 Tomcat网站 <HTML> HTML HTML JSP程序代码根据用户 JSP产生 动态内容 IsP程序代玛需求,构建HML文件 传送JSP网页 內容之后再输出 文件内容 文件内容 <HTML> JSP动态网页新技术
第4章 JSP程序设计基础 JSP 动态网页新技术 1 静态与动态网页 … HTML文 件內容 … <HTML> … HTML文 件內容 … </HTML > xxx.htm xxx.htm 客户端浏览器 服务器端Tomcat网站 传送 HTML 网页 HTML网页內容传送至客戶 端浏览器之后,HTML文件 內容沒有任何变更 xxx.jsp xxx.jsp 客户端浏览器 服务器端Tomcat网站 传送 JSP网页 JSP程序代码根据用户 需求,构建HTML文件 內容之后再输出 HTML JSP 产生 动态内容 文件內容 <HTML> … HTML <% JSP 程序代码 %> 文件內容 …... </HTML>
第4章JSP程序设计基础 关于HTML HIML以标签形式存在于网页当中 <HEAD><HEAD>表示网页开始的区块。 <TILE>与</TILE>之间的文字会显示在浏览器的标题栏中。 <BODY>标签区块,代表网页文件主体 JSP动态网页新技术 2
第4章 JSP程序设计基础 JSP 动态网页新技术 2 关于HTML ➢ HTML以标签形式存在于网页当中。 ➢ <HEAD></HEAD>表示网页开始的区块。 ➢ <TITLE>与</TITLE>之间的文字会显示在浏览器的标题栏中。 ➢ <BODY>标签区块,代表网页文件主体
第4章JSP程序设计基础 表格 标签 定义 <table></table> 设定表格的开始与结束。 <tr></tr> 设定一个新列 <td></td> 设定指定列里的一个新字段。 <th></th> 设定表格每行的字段抬头。 JSP动态网页新技术 3
第4章 JSP程序设计基础 JSP 动态网页新技术 3 表格 标 签 定 义 <table></table> 设定表格的开始与结束。 <tr></tr> 设定一个新列。 <td></td> 设定指定列里的一个新字段。 <th></th> 设定表格每行的字段抬头
第4章JSP程序设计基础 表格的边框厚度、高度与宽度 属性 说明 border改变表格边框厚度。 width 改变表格的宽度。 height改变表格的高度。 JSP动态网页新技术
第4章 JSP程序设计基础 JSP 动态网页新技术 4 表格的边框厚度、高度与宽度 属性 说明 border 改变表格边框厚度。 width 改变表格的宽度。 height 改变表格的高度
第4章JSP程序设计基础 表格位置设定 绝对位置表示法:使用像素来做为设定单位,不论窗口如何调整, 占用固定的像素。 >相对位置表示法:使用百分比做为设定单位,占用某一固定的比例 大小。 JSP动态网页新技术 5
第4章 JSP程序设计基础 JSP 动态网页新技术 5 表格位置设定 ➢绝对位置表示法:使用像素来做为设定单位,不论窗口如何调整, 占用固定的像素。 ➢相对位置表示法:使用百分比做为设定单位,占用某一固定的比例 大小