第2章-HTML语言和JavaScript语言分析.ppt

第2章 HTML语言和JavaScript语言 主要内容 1.网页的工作机制 2.HTML语言 3.JavaScript语言 4.利用网页编辑器制作网页 1.网页的工作机制 上网时，在地址栏中输入的网站的地址，称之为URL（Uniform Resource Locator，统一资源定位符）。就像每家每户都有一个门牌号一样，每个网页都有一个Internet地址。 当在浏览器的地址栏中输入一个URL或是单击一个超级链接时，URL就确定了要浏览的地址。浏览器通过超文本传输协议（HTTP，Hypertext　Transfer　Protocol），将Web服务器上站点的网页代码提取出来，并翻译成漂亮的网页。 一个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语言 1、注释 HTML注释的格式如下：!--comment-- 2、HTML文本的基本结构 html head … /head body … /body /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等属性。