Jsp1第一章概述.ppt

第三步：在浏览器地址栏中输入：http://localhost:8080/ch1/Example1_2.jsp。 即可在浏览器窗口显示Example1_2.jsp文件的执行结果。 注意：JSP引擎生成的对应JSP文件的java文件位于Tomcat\work\localhost\ch1\ 文件夹中。 （1）HTML文件结构 HTML文件是一些标记的集合，标记的字母不分大小写，由“”括在一起。 HTML文件的基本结构包含以下三个部分： html … / html ：分别置于文件开头和结尾，表明是HTML文件； head … / head ：文件头部，主要用来描述网页的相关信息，如编码方式、标题等； body … / body ：网页正文。 4．HTML简介 （2）HTML注释 在HTML文件中加注释，可提高程序的可读性，便于理解和修改，注释的内容并不显示在浏览器窗口中。有两种注释方式： ! … ：标记中的内容即为注释，不能出现尖括号； ! - -…- - ：用来注释大段内容，可出现包括尖括号在内的任意符号。 （3）HEAD中的标记 title … / title ：所有HTML文件都包含此标记， title 与 / title 之间的内容为文件标题，将出现在浏览器的标题中； base herf = “URL” ：设置连接的基准路径，可以简化网页设计中超级链接的编写，在写链接地址时，不必写出超级链接的全路经，只需指明相对于基准路径的相对路径即可。 （4）文本标记 p … / p ：用来标记显示内容的段落，段落的前后都有空行； pre … / pre ：显示预先编排好的文本内容，原文本中的换行、跳格都将起作用，原文本中也可内嵌一些标记； 标题文字标记，字号从大到小分别为： H1 … / H2 … … H6 … / H6 文字样式标记： b … / b ：粗体字 I … / I ：斜体字 u … / u ：带下划线 换行： br ：标识文字之间的换行； 水平线： hr ：用一条水平线分隔文字。 （5）超级链接标记 在标识对 a … / a 之间定义超级链接，其基本格式为： a href=“filename”link/a 其中，“filename”为链接的地址，可以是本地文件，也可以是网络上文件或图片的URL；“link”为显示在网页上的内容，可以是文本，也可以是图像。 例1-3：包含超级链接的HTML文件示例。 （6）列表标记 dl…/dl：定义列表； dl compact…/dl：定义紧密格式的列表； dt：定义列表项目； dd：定义列表项目解释；列表项定义应在列表定义标记之中。 ul … / ul ：定义无序号列表； ol … / ol ：定义有序号列表； li ：用于ul或ol列表定义中的列表项。 （7）图像标记 标记 img 可在文档中插入一个图像，图像可以是本地文件夹或网站中的.gif、.jpg等浏览器支持格式的文件。图像也可用作超级链接。 img 中可有以下若干属性： src：图像文件存放位置，即路径； alt：图像的替代文本； width及height：图像的宽和高； border：边框的粗细，=0无边框； align：图像对齐方式，如top、bottom、left、right； hspace及vspace：图像四周与文字之间留下的空隙。 例1-4： （8）表格定义 在HTML文档中可用table标记定义一个表格。 table … / table ：定义一个表格； caption … / caption ：定义表格标题； tr … / tr ：定义一个表格行； th … / th ：定义一个表格列，通常用于定义标题单元格； td … / td ：定义一个单元格。 注：th及tr中可包括宽、高、背景、所占行数（rowspan）、所占列数（colspan）、水平对齐（align）、垂直对齐（valign）等属性； 又注： table 中可添加如下属性： border：表格框线粗细； bordercolor：框线颜色； bgcolor：表格背景颜色； width和height：表格宽和高（可用像素或浏览器尺寸百分比）； align：表格对齐方式； cellspacing：表格中单元格间距； cellpadding：单元格中字符与边线距离。 例1-5：表格示例。 （9） HTML表单 表单用做在客户端和服务器端间提供交互；用户在客户端按表单指定格式填写信息；填完表单“提交”时，表单中的信息将被发送到服务器端处理；服务器端将处理后的HTML文件返回到客户端显示。 表单标记包括以下几种： form … / form input s