第2章-HTML语言和JavaScript语言探究.ppt

第2章 HTML语言和JavaScript语言 ;主要内容;1.网页的工作机制; 一个URL例子如： :8080/ch1/SimpleJSP.jsp 一般由三部分组成: 使用的协议，在Web网页中，使用HTTP协议。 存放该资源的主机IP地址或者域名（有时也包括端口号，如8080） 。 主机资源的具体地址（如目录和文件名）。 第一部分与第二部分之间用“://”隔开，第二部分与第三部分之间用“/”隔开，第二部分和第三部分有时可以省略。; 对于JSP网页，JSP文件在Tomcat服务器中编译时，服务器内部究竟做了些什么呢？或者说JSP网页的执行过程是怎样的？ 当客户端向服务器发出请求时，JSP服务器（如Tomcat）就会将响应的JSP文件转换成一个Servlet，服务器在转换时，如果发现jsp文件有错误，这种转换过程就会停止，并向浏览器发出错误信息。如果没有错误，则编译转换得到Servlet代码，并加载到内存中，最后将结果返回到客户端（浏览器）。由于JSP程序在第一次执行后，会被编译成Servlet的类文件，之后这个Servlet会常驻于内存，所以第一次执行jsp文件时速度相对较慢，而以后的响应速度都是比较快的。;2. HTML语言; 其中，html…/html、head…/head、body…/body都是标记，标记由一对尖括号及其标记符组成，没有反斜杠“/”的是开始标记，有反斜杠的是结束标记。每个HTML文件是以html标记开头，而以/html标记结束。书上有一个实例：;3、文字格式标记 设置标题：一共有6种格式的标题，它们显示的是不同大小的标题文字。实例“sample2.html”的脚本如下： html head title标题标记/title /head body h1标题1/h1 h2标题2/h2 h3标题3/h3 h4标题4/h4 h5标题5/h5 h6标题6/h6 /body /html;设置字体： font face=? size=? color=? …/font 其他字体标记： b加粗/b i斜体/i u下划线/u s删除线/s em倾斜/em strong加强显示/strong font face=楷体_GB2312 size=5big放大显示/big/font font face=楷体_GB2312 size=5small缩小显示/small/font ;4、文字版面标记 换行标记：br 段落标记：p…/p 对齐标记： center居中对齐/center p align=left居左对齐/p p align=right居右对齐/p ;5、创建表格 表格是由行和列组成，用来显示多条数据，它包括标题、表头、行、单元格等部分。 table…/table：表格标记 表示整个表格。width=75%表示表格占整个页面宽度的75%。border=1表示表格的边框为1像素。align=center表示表格居中对齐。cellpadding=2表示单元格的大小。cellspacing=0表示单元格之间没有间隙。bgcolor=#CCCCCC属性指定表格的背景颜色。 caption…/caption标记:标题标记 用来设置表格的标题，它可以使用align、valign等属性。;th…/th标记:表头标记 它有align、background、colspan、rowspan、valign等属性。 tr…/tr标记:行标记 它表示表格的一行，具有align、background、colspan、rowspan、valign等属性。 td…/td标记:单元格标记，或者列标记 每一行中有若干个单元格。它具有align、background、colspan、rowspan、valign等属性。 ; 表格的作用并不限于显示多行数据，在实际的网页制作中，常常使用表格来格式化页面，在页面中创建一个表格，设定无边框等属性，使用户表面上看起来好像没有表格，我们用该表格将页面划分为几个区域，并设置每个区域的大小，然后分别设计每个区域 ;6、设计表单 form…/form表单标记： form action=URL method=get|post name= onReset= onSubmit= target=_blank_self|_parent|_top …… /form ;action: 用于设定处理表单数据程序URL的地址。 method：指定数据传送到服务器的方式。一共有两种方式：get和post。当method为get方式时，将输入的数据追加在action指定的