JavaWeb应用开发原理及技术第2章.ppt

第2章 简单的静态Web文档(HTML/XML) 2.1 HTML语言 2.1.1用HTML创建一个简单的Web网页文件 2.1.2 HTML的段落级标记元素 2.1.3 HTML的文本级标记元素 2.1.4 表格制作 2.1.5 框架(FRAME) 2.2 XML语言 2.2.1 XML文档的创建 2.2.2 XML文档剖析 2.2.3 XML文档的显示（用CSS格式化XML文件） 重点: 掌握简单的Web文档的创建 难点: XML 学时: 2小时 2.1 HTML语言 2.1.1 用HTML创建一个简单的Web网页文件 尽管可扩展标注语言（eXtensible Markup Language , XML）正被迅速地运用于业界。但作为XML的基础HTML(HyperText Markup Language, 超文本标记语言)仍然是用于创建Web文档的最常用方法。 HTML不是一种编程语言，而是一种含有一套语法规则的文本标记语言。 市场上有众多帮助用户制作Web文档的工具，如FrontPage、Dreamweaver等，但要想从本质上了解Web文档的组织结构和基本框架，掌握基本的HTML语法是十分必要的。 2.1 HTML语言 2.1.1 用HTML创建一个简单的Web网页文件 编写Web文档 编写一个文件名为test1.html的Web文档，可以使用任何一种文本编辑器录入下列示例文档并存盘（比如存放在C:\sample目录下） 我们从这个简单的示例开始学习HTML的基本语法. 在调试阶段，一个Web文档并不一定要将其放到Web服务器的发布目录上，可通过浏览器从本机硬盘上调出该Web文档来进行Web页面的显示。 本例中，在浏览器的URL栏内输入： File://C:\sample\test1.html 2.1 HTML语言 2.1.1 用HTML创建一个简单的Web网页文件 注释 以“!”字符开始,并以“”结束，可在注释区间插入由任意字符组成的文本。 HTML“标记”元素的语法 一般由“元素”引出，以“/元素”作结尾。 以标记元素HTML表明Web文档的开始，末尾以/HTML作为Web文档的结束标记元素。 一个Web文档主要包括窗口标题和文档主体两部分 HTML HEAD TITLE …… /TITLE /HEAD BODY ………… /BODY /HTML 2.1 HTML语言 2.1.1 用HTML创建一个简单的Web网页文件 创建Web文档或称为制作网页一般并不采取上述“原始”的方法，而是借助市场上流行的网页制作工具，如微软公司的FrontPage等。 这些工具具有“WYSIWYG”（所见即所得）的效果，提高了网页制作的效率。 Web文档作完后，下一步为了使全球的用户能访问你的网页，你必须将其放在一台已接入Internet的Web服务器的发布目录中。 当用户利用浏览器发出访问某网页请求时，Web服务器按URL在其发布目录中找到对应的Web文档，将该文件发送给浏览器作为响应。 Web发布目录的创建与Web服务器运行的操作系统有关 UNIX、LINUX、Windows2000安装HTTP服务以及设置Web发布目录的方法是不同的，读者可以查阅相关的安装手册或询问系统管理员。 2.1 HTML语言 2.1.2 HTML的段落级标记元素 字体变化 见P16 HR水平线标记元素 见P17 列表标记元素 见P17。例：test2.html，见P18 特殊字符 见P19 2.1 HTML语言 2.1.3 HTML的文本级标记元素 超文本链接 链接至另一Web文档。既可以跳到另外一台机器上的文件，也可以跳到文档的另一个段落或本机的另一片文档。 例：从当前文档链接到湖南科技大学的主页 A HREF=“” Link to 湖南科技大学 /A 在页面中插入图像 为了显示一幅图像filename.gif，标记元素IMG SRC表示方法如下： IMG SRC=“filename.gif” 在页面中插入音频和视频 在Web中加入音频文件须把HREF指定的URL写上相应的音频文件名。例：A HREF=“olivierh.auTest of Sound /A 加视频类似音频，例： A HREF=test.mpegTest of Video /A 无论音频信息还是视频信息都要求用户端有相应的应用程序可以播放这些信息。这些程序或是嵌入浏览器中(plug-in插件方式)或是独立存在。 2.1 HTML语言 2.1.3 HTML的文本级标记元素